0

我有一个自定义样式的 CSS 类应用于选择元素。要求保留此类并将其应用于网页上的表单元素。但是，我想在网页的其他区域放置默认为浏览器自己呈现下拉菜单的方式的下拉菜单，但我不能。自定义样式的选择区域适用于所有选择框，我正在努力解决这个问题。下面是代码，附件是渲染网页的屏幕截图，代码显示如何渲染，当我没有表示将其包含在 HTML 代码中时，添加了“选择区域”类。

HTML：

<div>
 <label><strong class="tool-question">Select a table</strong>
  <select name="2" class="tool-input-select" id="2">
   <option value="Select">Select</option>
   <option value="Option One" selected>Option One</option>
   <option value="Option Two" selected>Option Two</option>
  </select>
 </label>
</div>

CSS：

.tool-input-select {
    margin: 3px 0 6px 0 !important;
    color: #101010 !important;
    border: 1px solid #abadb3 !important;
    padding: 5px !important;
    font-size: 1.200em !important;
}

请参阅所附链接以获取 HTML 的渲染屏幕抓取： screen grab here

提前致谢！

缺口

4

1 回答 1

0

在我看来，您正在使用 3rd 方 javascript 库，该库会自动将所有选择框转换为您在页面加载时获得的自定义样式外观。我的建议是逐个删除每个javascript库以找到罪魁祸首（通过查看呈现的样式<select>，我会说它是JCF）。

这与您的 html 或 css 样式实际上无关。您可以告诉这一点，因为选择框上有一个jcf-hidden样式（因此它被隐藏了），并且您的“检查元素”向您显示的是 a<span>而不是实际的<select>

于 2013-06-26T00:43:44.147 回答