把CSS放到<datalist>

-1

所以现在我有一个简单的datalist下拉菜单，我想改变它的CSS，使样式与网站上的其他字段匹配。然而，我是一个网页设计noob，我有点困惑，因为要完成这个过程。把CSS放到<datalist>

<input list="ServiceCity"> 
<datalist id="ServiceCity" name="ServiceCity"class = "atl_services"> 
      <option value "" disabled selected>Select City/County</option> 
      .......other values 
     </datalist>

这是我想用CSS

input{ 
    padding: 7px; 
    outline: none; 
    max-width: 100%; 
    margin-bottom: 5px; 
    border-width: 1px; 
    border-style: solid; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px 
    width: 88.5%; 
    border: 1px solid GREY; 
    box-shadow: 0px 0px 3px GREY; 
    }

我在那里的CSS以及，海事组织这将是最简单的内联CSS，但如果有人能指导我通过这将是非常感谢！

来源

2014-11-21 zomdar

为什么要投票？ – zomdar 2014-11-21 14:39:39

样式化数据列表取决于浏览器，列表中只有很少的样式选项。你可以在你的网站上使用jquery吗？我怀疑downvote的原因是因为造型datalist在这里被要求在这里一百万次 – Billy 2014-11-21 14:49:53

aw所以我想我不能内联一个datalist风格？ – zomdar 2014-11-21 14:58:24

Per MDN：

根本无法使用CSS样式化的一些元素。这些包括所有高级用户界面小部件，如范围，颜色或日期控件以及所有下拉小部件，包括<select>,<option>,<optgroup>和<datalist>元素。文件选择器小部件也被称为不可风化。新的<progress>和<meter>元素也属于这一类。

来源

2014-11-21 17:57:10 fontophilic

这是设计师最难过的答案。 – devcline 2018-03-06 11:40:26

把CSS放到<datalist>

回答

相关问题