input 태그에 스타일 적용시에..
횃눈썹
input type=text /
흔히 쓰이는 폼의 텍스트박스인데요..
전클래스를지정하고 input type=text class=inputText/ 이런식으로...
inputText 클래스에 스타일을 적용시켜요.
그런데 여기에 스타일을 적용하면 브라우저에따라 되는게있고 안되는게있고 ㅠ;;;
width값은 적용이 되는데 height값은 이상하더라구요.
line-height 값을 같이넣어도 마찬가지 ㅠㅠ
그래서 최근에는 span class=inpStyleinput type=text class=inputText //span 요렇게 써요...
span 의 inpStyle 클래스에 배경으로 텍스트박스 이미지를 넣고 width, height 값을 지정해준 다음에
inputText 클레스에 border:0 요렇게해서 감춰주는데요.
이렇게해도 접근성이 떨어지거나하지않나요??
-
해련
이런;; 폰트가 문제네요 여하튼 조건부 스타일시트를 따로 작성해서 링크를 걸어주라는말씀이시죠??
-
늘찬
음.. 따로 스타일 지정해주려면 역시 ie6,7같은경우 스타일시트를 떠로 만들어 링크를 시켜야할까요?
!--[if IE 6]
style type=\text/css\
link rel=\stylesheet\ type=\text/css\ href=\ie6.css\ /
/style
![endif]--
이런식으로 하면 될까요?? -
얼
님의 질문에서도 느껴지듯이 접근성이야 스팬으로 감싸기 전보다 떨어지겠죠.
아무래도 코드가 길어지다 보니..
아마도 문제는 ie 구버전에서 보이는 현상들일 겁니다. 체리콜라님 말처럼 최신 브라우저를 기본으로 하고 이상하게 보이는 브라우저는 따로 스타일을 지정하는 것이 나을 겁니다. -
어리버리
큰게 문제가 되는 부분은 아닙니다만, 지양하지는 않는 방법입니다. 요즘은 브라우저 별로 스타일을 따로 지정해서 많이들 사용하는걸로 알고 있습니다.