- Post in | WebDevelop/JavaScript
- Post at | 2007. 10. 16. 09:20 | by 쥬리엘
스타일 예제
◆ ReadOnly 속성에 따라 다른 스타일
◆ TextBox의 테두리(Border) 안보이게 하기
1 2 3 4 5 6 7 8 | .textboxReadonlyBackground { border-width : 1px ; border-collapse : collapse ; background-color : expression((this.readOnly) ? '#ffffff' : '#000000' ); border-style : inset ; border : expression((this.type == 'checkbox' || this.type == 'radio' ) ? '' : '1px solid gray' ); } </style> |
1 2 | < input type = "text" class = "textboxReadonlyBackground" > < input type = "text" class = "textboxReadonlyBackground" readOnly = "true" > |
1 2 3 4 5 6 7 | .textboxBorderOff { clear : none ; border : 0px none ; float : none ; background-color : transparent ; } </style> |
1 | < input type = "text" class = "inputBorderOff" > |
'WebDevelop > JavaScript' 카테고리의 다른 글
항상 최상위에 떠있는 팝업창 (0) | 2007.10.15 |
---|---|
자바스크립트로 post, get메서드의 form 전송 (0) | 2007.10.05 |
FF/IE 마우스 드래그 앤 드랍 및 이벤트 캡쳐 (0) | 2007.09.19 |