Держите выбрать, выберите цвет и добавьте PNG в качестве фона - PullRequest
Новая
       1

Держите выбрать, выберите цвет и добавьте PNG в качестве фона

0 голосов
/ 24 октября 2018

Я пытаюсь сохранить цвет выбранного ввода, но также добавляю стрелку png.Вы можете помочь 

 select {
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../images/arrow_select.png) right 5px center no-repeat!important;
        background-color: rgba(0, 0, 0, 0.3);
        padding: 15px;
        height: 47px;
<html>
<body>
<select id="dropdown">
        <option selected></option>
            <option>Mr</option>
            <option>Mrs</option>
            <option>Ms</option>
</select>
       
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 24 октября 2018

Вы можете указать изображение и цвет в одной строке CSS, чтобы оно работало. 

select {
  box-sizing: border-box;
  background: url(https://via.placeholder.com/20x20/00ff00) right 5px center no-repeat, rgba(0, 0, 0, 0.3);
  padding: 15px;
  height: 47px;
}
<select>
  <option></option>
  <option>One</option>
  <option>Two</option>
</select>
0 голосов
/ 24 октября 2018 

    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/arrow_select.png) right 5px center no-repeat!important;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 15px;
    height: 47px;
 <html>
 <body>
 <select id="dropdown">
        <option selected></option>
            <option>Mr</option>
            <option>Mrs</option>
            <option>Ms</option>
       </select>
       </body>
       </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...