2010-12-29 5 views
0

선택 드롭 다운에 CSS 스타일을 적용하고 입력란을 입력합니다.IE8 IE7 및 Firefox와 다른 CSS

스타일은 IE7 및 Firefox에서는 작동하지만 IE8에서는 작동하지 않는 것으로 보입니다.

는 CSS는 다음과 같습니다

input.text, input.file, textarea.textarea, select.select 
{ 
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 
    color:#333; 
    margin:0; 
    padding:4px; 
} 

input.text, textarea.textarea, select.select{ 
    border-top:1px solid #7c7c7c; 
    border-left:1px solid #c3c3c3; 
    border-right:1px solid #c3c3c3; 
    border-bottom:1px solid #ddd; 
} 

스타일은 textboxed에 잘 적용하지만/

이유는 IE8에서 일어나는에 대한 어떤 아이디어를 선택하지 나타 납니까?

        <label class="desc" > 
             First name</label> 
            <input type="text" name="nuFirstname" id="nuFirstname" class="text pop" value="" /></li> 
           <li> 
            <label class="desc" > 
             Surname</label> 
            <input type="text" name="nuSurname" id="nuSurname" class="text pop" value="" /></li> 
           <li> 
            <label class="desc" > 
             Colour</label> 
            <select class="select pop" id="nuDept" name="nuDept"> 
             <option value="-" selected="selected">-</option> 
             <option value="2">Green</option> 
             <option value="3">White</option> 
             <option value="4">Orange</option> 

            </select></li> 
+1

당신이뿐만 아니라 HTML 코드를 보여줄 수에 적용 생각하지 않는다? –

+0

내가 뭔가를 놓치지 않았는지 확인하려면 SELECT 태그에 class = 'select'권한이 있어야합니까? 동음 텍스트 영역과. 텍스트 영역? – n8wrl

+0

나를 위해 잘 작동하는 것 같다 : http://www.jsfiddle.net/gFnzg/ – Andy

답변

1

선택 상자가 동일한 크로스 브라우저로 보이게하려면 jQuery 플러그인 (something like this)을 사용하는 것이 좋습니다. 불행히도 CSS 만 사용하여 선택 상자를 사용하면 일관된 결과를 얻지 못할 것입니다. 그것은 단지 웹의 길 ... 지금입니다.