相关疑难解决方法(0)

选择选项中的字体真棒图标

我尝试在几个选项的第一个选项中添加一个插入符号图标,如下图所示:

这是一个小提琴我的例子.

我无法在上面的小提琴上看到图标.

和相应的代码:

.wrapper {
  height: 200px;
  background-color: red;
  padding-top: 100px;
  padding-left: 150px;
}
#before-select {
  font-size: 30px;
  color: #ffffff;
}
select {
  border: none;
  background: transparent;
  /*background-color: blue;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 180px;
  padding-top: 0px;
  background-size: 20px;
  color: #ffffff;
  font-size: 30px;
}
select option {
  color: #424146;
  background: #ffffff;
}

Run Code Online (Sandbox Code Playgroud)

<link rel="stylesheet" type="text/css" href="https://bootswatch.com/bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />

<div class="wrapper">

  <form role="form">
    <span id="before-select">in</span>

    <select name="town">
      <option value="London">London <i class="fa …

Run Code Online (Sandbox Code Playgroud)

html css

mic*_*ltm

2019 02-19

35
推荐指数

5
解决办法

12万
查看次数

如何在html选择中使用Bootstrap 3 glyphicon

我需要让用户在我的ui中选择Bootstrap 3 glyphicons的子集.

我试过这个:

<select class="form-control">
  <option><span class="glyphicon glyphicon-cutlery"></span></option>
  <option><span class="glyphicon glyphicon-eye-open"></span></option> 
  <option><span class="glyphicon glyphicon-heart-empty"></span></option>
  <option><span class="glyphicon glyphicon-leaf"></span></option>
  <option><span class="glyphicon glyphicon-music"></span></option>
  <option><span class="glyphicon glyphicon-send"></span></option>
  <option><span class="glyphicon glyphicon-star"></span></option>
</select>

Run Code Online (Sandbox Code Playgroud)

但是我得到的只是空白.任何帮助或替代建议赞赏.

html-select twitter-bootstrap glyphicons twitter-bootstrap-3

Joh*_*hnC

2013 10-09

20
推荐指数

3
解决办法

10万
查看次数