html - 如何在 Bootstrap 中替换箭头下拉选择

标签 html css twitter-bootstrap

<分区>

我正在尝试删除默认的 Bootstrap 箭头并在其位置插入一个新图像。我成功移除了箭头,但还有另外 2 个问题。

我不知道:

  • 如何在选择标签中插入新图像。

  • 为什么下面的css在ie11中没有去掉箭头?

我的代码可以在这里找到: 我的 jsfiddle:https://jsfiddle.net/n4Lob0t1/

html:

<div class="form-group">
          <label for="DevelopmentTool">Development Tool</label>
          <form >
            <select class="form-control">
              <option></option>
            </select>
          </form>
</div>

CSS:

   select.form-control {
   -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
 }

最佳答案

你可以试试看 .form-group 背景属性。

在这篇文章中查看更多信息 select arrow style change

关于html - 如何在 Bootstrap 中替换箭头下拉选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33782201/

上一篇:html - CSS transition ease-in-out 不会弄乱悬停时的图像

下一篇:html - 为什么兄弟元素的填充会影响该元素的渲染位置?

相关文章:

javascript - 使用 jquery 在 iframe 的头部追加元素

javascript - 使用ajax加载内容的div的自动高度

css - 在 CSS 中选择子菜单项选择器的更好方法

css - Bootstrap 结果在 Chrome 中出错

html - 将按钮移至下一行和中心位置。保持背景图像为全尺寸

css - 根据菜单项悬停更改 Logo

javascript - 我需要在网页中单击 <a> 标记时调用 Javascript 函数来显示和隐藏 <div> 内容

html - CSS flexbox 导航菜单 - 高度不够时重叠

html - 使元素填充剩余的宽度

css - Flex-box justify-content 在对齐元素时不起作用