HTML Select(下拉列表)在Chrome中的工作方式不同

概述页面中有一个选择元素,它在Firefox中运行很棒,但在Google Chrome中非常恶心. Firefox快照 Google Chrome快照 ..   HTML <select id="dropDown" class="dropDown"> <option>Design & Creative</option> <option>Share Poi 页面中有一个选择元素,它在firefox中运行很棒,但在Google Chrome中非常恶心.

firefox快照

Google Chrome快照

..
 

HTML

<select ID="dropDown" >            <option>Design & Creative</option>            <option>Share Point Developer</option>            <option>Software Development Engineer</option>            <option>Silverlight Developer</option>            <option>Dot Net Developer</option>            <option>Quality Assurance</option>            <option>Mobile Application</option>            <option>IT Sales</option>        </select>

CSS

.dropDown {    -webkit-appearance: none;    height: 60px;    wIDth: 450px;    background: #c03400;    Font-size: 12pt;    color: #fff;     border: none;    outline: none;    padding: 20px 15px;    display: block;    clear: both;}.dropDown option {    -webkit-appearance: none;    height: 10px;    padding: 10px;    color: #626262;    background: #f5f3f3;    outline: none;    padding: 10px 15px;    display: block;    Box-shadow: none;    border: none;}.dropDown:hover,.dropDown:focus {    background: #a62e01;}

解决方法 Chrome中的大小差异是由于height属性造成的.您无法在Google Chrome中设置选项元素的高度. How can I control the height of an Option element in Webkit? 总结

以上是内存溢出为你收集整理的HTML Select(下拉列表)在Chrome中的工作方式不同全部内容，希望文章能够帮你解决HTML Select(下拉列表)在Chrome中的工作方式不同所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。