css 下拉框的背景图像

w6mmgewl  于 2023-02-06  发布在  其他
关注(0)|答案(2)|浏览(159)

是否有可能保持下拉框的背景图像使用CSS。
文本框是否正确。
谁能给予个例子

nnsrf1az

nnsrf1az1#

可以是。您可以设置元素的样式,而不是选择框的样式,因为选择框在您选择某些内容时只提供行。
试试这个css:

<style>
    .green { background:green}
    .red { background:red}
    .blue{background:blue}
</style>

和这个html:

<form>
    <select class='green'>
        <option class='red'>A</option>
        <option class='blue'>B</option>
    </select>
</form>

你会看到主行是绿色的,选项的颜色也是一样的,你也可以在每个css类的背景上附加图片。

unhi4e5o

unhi4e5o2#

给你

<select>
      <option>One</option>
      <option>Two</option>      
      <option>More ... </option>   
 </select>

CSS

select {
      background: url("https://fastly.picsum.photos/id/1031/200/300.jpg?hmac=HVS-5o6kRugo6EcoZhPEsxm8Jnl7-J5tuEc20pN029c") repeat-x 0 0;
      }

相关问题