css 에서 input type="text" 인 것만 스타일 먹게 하는 방법?
css 에서
INPUT { border:1 solid #7f9db9; }
INPUT { border:1 solid #7f9db9; }
이렇게 하면.,
input 태그의 type 이 뭔지 상관없이 text, password, radio, checkbox..
input 태그의 type 이 뭔지 상관없이 text, password, radio, checkbox..
모두 스타일이 먹어 버리는데..
근데, type="text" 인 것만 스타일을 먹도록 할 수 있습니까?
<input type="text" class="aaaaa"> 이렇게 input 태그마다 별로로 클래스를 지정하지 않고, css 파일에서 일괄 적용하고자 합니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 9개
CSS level 3를 현재 만들고 있는데 한번 참여를 해 보세요. ^^
INPUT <<이렇게 적는거 자체가 태그에 적용시킨다는말인데.. class 안쓰고는 안될듯.. ^^;
INPUT {border:expression((this.type=='text')?'1px solid #7f9db9':'' );}
</style>
<input type="text"><br>
<input type="checkbox"><br>
<input type="radio"><br>
<input type="file"><br>
조건문도 가능하군요.
포인트가 아깝지 않은 내용입니다.
포인트 더 드릴 수 있는 방법은 없나? ㅎㅎ
말씀하신 <input class="aaaaa">로 처리하시는게 번거로울 정도라면 어떤 상황인지 초보로서는 가늠하기 어렵네요.^^
<input type=submit 도 같이 크기가 바뀌기 때문에 그런가 봅니다.
그렇다고 html코드를 일일 찾아 다니면 class지정해 주기는 번거롭고......
테스트박스 테두리에 색깔을 입히려고 하는데..
checkbox 와 radio 에도 테두리가 생겨 버리더군요...