IE6/IE7 css border on select element

前端 未结 14 669
面向向阳花
面向向阳花 2020-11-28 11:26

Does anyone have a solution for styling the borders of \"select\" elements in Internet Explorer using CSS?

相关标签:
14条回答
  • 2020-11-28 11:32

    It works!!! Use the following code:

    <style>
    div.select-container{
       border: 1px black;width:200px;
    }
    </style>
    
    
    <div id="status" class="select-container">
        <select name="status">
            <option value="" >Please Select...</option>
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
        </select>
    </div>
    
    0 讨论(0)
  • 2020-11-28 11:36

    I've worked around the inability to put a border on the select in IE7 (IE8 in compatibility mode)

    By giving it a border as wel as a padding, it looks like something....

    Not everything, but it's start...

    0 讨论(0)
  • 2020-11-28 11:37

    i was having this same issue with ie, then i inserted this meta tag and it allowed me to edit the borders in ie

    <meta http-equiv="X-UA-Compatible" content="IE=100" >
    
    0 讨论(0)
  • 2020-11-28 11:37

    The border-style property is a short-hand command to define the border styles of all sides an html element. Each side can have a different style.

    http://www.handycss.com/tips/styling-borders-with-css/

    0 讨论(0)
  • 2020-11-28 11:37

    Just add an doctype declaration before the html tag

    ex.: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">

    It is gonna work in JSP files as well. For further info: HTML Doctype Declaration

    0 讨论(0)
  • 2020-11-28 11:38

    extrapolate it! :)

      filter: 
        progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#FF0000)
        progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#FF0000)
        progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#FF0000)
        progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#FF0000);
    
    0 讨论(0)
提交回复
热议问题