&引用；选择"；简单html表单的下拉部分抵制css样式

我有一个相当简单的网络表单来接收姓名、电子邮件，并提供了一个下拉框来选择人们使用的设备类型。除了选择（下拉列表）之外的每个部分都符合css样式。选择也会忽略下面列出的宽度表达式。我在网上找不到任何解决方案可以将其扩展到190px的长度。（它的高度也阻止了任何改变它的尝试。）有人能给我指一下正确的方向吗

选择html代码的部分：

Device Type:<br />
<select name="Dtype" style="width: 150px">
<option value="iPad">iPad</option>
<option value="iPhone">iPhone</option>
<option value="AndroidTablet">Android Tablet</option>
<option value="AndroidPhone">Android Phone</option></select>

---

您必须从html中删除

style=“width:150px”

，或者使用！在css中很重要：

width:190px！重要的


以下选择器列表是通过增加特异性来实现的：


通用选择器
类型选择器
类选择器
属性选择器
伪类ID选择器
内联样式
您必须从html中删除
style=“width:150px”
，或者使用！在css中很重要：
width:190px！重要的


以下选择器列表是通过增加特异性来实现的：


通用选择器
类型选择器
类选择器
属性选择器
伪类ID选择器
内联样式
css按预期工作。就宽度而言，这是因为内联样式超过了css规则

演示：

HTML:

设备类型：


iPad
苹果手机
安卓平板电脑
安卓手机
css按预期工作。就宽度而言，这是因为内联样式超过了css规则

演示：

HTML:

设备类型：


iPad
苹果手机
安卓平板电脑
安卓手机
从选择标记中删除style=“width:150px”，内联样式始终覆盖通过css应用的样式

如果删除内联样式，它将选择css中应用的样式。
从select标记中删除style=“width:150px”，内联样式始终覆盖通过css应用的样式

如果删除内联样式，它将选择css中应用的样式。
我检查了您的代码，选择的宽度和高度正在更改。您已将内联CSS编写为'style=“width:150px”'删除此项，然后您的样式将来自CSS文件。我检查了您的代码，选择的宽度和高度正在更改。您已将内联CSS编写为'style=“width:150px”'删除此项，然后您的样式将来自CSS文件。Oi我犯了一个愚蠢的错误，就是这样。但是为了让它对齐，我现在必须将选择宽度设置为210px，其他设置为190px。20像素的差异从何而来？我犯了个愚蠢的错误，就是这样。但是为了让它对齐，我现在必须将选择宽度设置为210px，其他设置为190px。20像素的差异从何而来？
label {
    display: inline-block;
    position: relative;
    float: left;
    text-align: left;
    margin-right: 20px;
    width: 190px;
    padding: 5px;
}

input, textarea { 
    padding: 9px; 
    border: solid 1px #E5E5E5; 
    outline: 0; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    width: 190px; 
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    } 

input:hover, textarea:hover, 
input:focus, textarea:focus { 
    border-color: #C9C9C9; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
    } 

select { 
    padding: 9px; 
    border: solid 1px #E5E5E5; 
    outline: 0; 
    width: 190px;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    }    



.form label { 
    margin-left: 10px; 
    color: #999999; 
    } 

.submit input { 
    width: auto; 
    padding: 9px 15px; 
    background: #617798; 
    border: 0; 
    font-size: 14px; 
    color: #FFFFFF; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
-moz-appearance: textfield;
}

Device Type:
<br />
<select name="Dtype">
    <option value="iPad">iPad</option>
    <option value="iPhone">iPhone</option>
    <option value="AndroidTablet">Android Tablet</option>
    <option value="AndroidPhone">Android Phone</option>
</select>