火狐浏览器调整select下拉框样式

最新推荐文章于 2022-09-22 14:15:15 发布

原创最新推荐文章于 2022-09-22 14:15:15 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用CSS调整元素背景图片位置和大小的方法，通过具体代码示例展示了如何精细控制背景图片的显示效果。

@-moz-document url-prefix() {

.se-level {
-moz-appearance: none;
               appearance: none;
               background-image: url("../img/triangle.png");
               background-repeat: no-repeat;
               background-position: calc(100% - -4px) 50%;//调整背景图片位置
               background-size: 27% auto;//调整背景图片大小
               border-radius: 3px;
               padding: 0;
}

}

调整前