인터넷정보

input 타입별로 CSS 처리..

알 수 없는 사용자 2007. 10. 17. 11:50
// checkbox, radio 타입을 제외하삼~
<style>
INPUT { border: expression( (this.type=='checkbox'||this.type=='radio')?'':'1px solid red' );
</style>

<input type=text>
<input type=button>
<input type=radio>
<input type=checkbox>


또는..

<!--
function apply_inputBorder() {
    var textInput = document.getElementsByTagName('INPUT');
    for(i = 0; i < textInput.length; i++) {
        if(textInput[i].getAttribute('type') == 'text') textInput[i].style.border = '1px solid black';
    }
}
window.onload = apply_inputBorder;
-->
반응형