검색결과 리스트
clear버튼에 해당되는 글 1건
- 2017.03.16 IE input태그에 나오는 X버튼(clear버튼) 제거
글
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
크롬에서는 나타나지 않으나 IE에서 input박스에 텍스트를 입력하면 오른쪽에 X버튼이 표시된다.
경우에 따라서는 디자인 상 이 X버튼을 제거해야 하는데 이럴 경우 아래와 같이 CSS를 만들면 된다.
<style type="text/css">
/* 모든 input에 대해 X버튼 제거 */
input[type=text]::-ms-clear {
display: none;
}
/* class로 특정 input의 X버튼 제거 */
.search2::-ms-clear {
display: none;
}
</style>
<input type="text" name="test1" class="search1">
<input type="text" name="test2" class="search2">
'-- CSS' 카테고리의 다른 글
| 웹폰트 사용 (0) | 2017.05.10 |
|---|---|
| Dynamic Stylesheet Framework - LESS / SASS (0) | 2017.03.23 |
| 파이어폭스에서 TEXTAREA Resizing 방지 (0) | 2015.02.05 |
| Skip To Content (1) | 2014.08.25 |
| CSS clear property (0) | 2014.07.05 |
RECENT COMMENT