0 
.styled-select select {
    margin-top:200px;
    margin-left:300px;
    background: transparent;
    width: 268px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    display: block;
}

HTML代码是

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <link rel="stylesheet" type="text/css" href="mycss.css">
</head>

<body>

<div class="styled-select">
 <select name="selectPrimaryLocation">
    <option selected="selected">City Hall</option>
    <option>Flower Store</option>
 </select>
 </div>

 <div class="styled-select">
 <select name="selectSecondaryLocation">
    <option>Building 5</option>
    <option>Building 6</option>
 </select>
 </div>


</body>

</html>

选择框未定位在 IE9 中。我用于测试的浏览器是 IE6 到 IE9

4

0 回答 0