steam想申明库存量，不晓得在哪里去增设，那个出口处是稍稍有点儿深，由此可见毕竟也很单纯，一起来看一看什么样操作方式。操作方式方式01登入steam后，点选街道社区旁的对个人......
2024-02-05 325
select去掉默认样式；select去掉下拉箭头
来源：互联网
2023-02-21 18:57:28 264
select下拉框有一个下拉箭头样式，那如何去掉这个样式呢？
可以使用appearance与-ms-expand去掉这个样式。
代码如下：
.not-arrow{
padding: 5px 10px;
border:1px solid #dcd8d8;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none; /*去掉下拉箭头*/
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.not-arrow::-ms-expand { display: none; }
方法/步骤
打开html开发工具，创建一个html代码页面
在新建的html代码页面上创建一个select下拉框
代码：
select name="" id="" >
option>下拉菜单去掉箭头1/option>
option>下拉菜单去掉箭头2/option>
option>下拉菜单去掉箭头3/option>
option>下拉菜单去掉箭头4/option>
option>下拉菜单去掉箭头5/option>
option>下拉菜单去掉箭头6/option>
/select>
设置去掉下拉箭头样式。通过使用appearance、-ms-expand去掉select的下拉箭头
样式代码：
.not-arrow{
padding: 5px 10px;
border:1px solid #dcd8d8;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none; /*去掉下拉箭头*/
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.not-arrow::-ms-expand { display: none; }
为select添加去掉下拉箭头样式（案例中下拉样式类为not-arrow）
保存html代码页面，然后使用浏览器打开，即可看到select已没有下拉的箭头
所有代码，可以直接复制所有代码粘贴到新建html页面保存后打开即可看到所有效果
所有代码：
!DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>select去掉默认样式/title>
style type="text/css">
.not-arrow{
padding: 5px 10px;
border:1px solid #dcd8d8;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none; /*去掉下拉箭头*/
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.not-arrow::-ms-expand { display: none; }
/style>
/head>
body>
select name="" id="" class="not-arrow">
option>下拉菜单去掉箭头1/option>
option>下拉菜单去掉箭头2/option>
option>下拉菜单去掉箭头3/option>
option>下拉菜单去掉箭头4/option>
option>下拉菜单去掉箭头5/option>
option>下拉菜单去掉箭头6/option>
/select>
/body>
/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：win10如何查看能不能设置指纹 下一篇：如何关闭windows系统的默认共享
相关文章
- 详细阅读
-
ps快捷键大全与常用快捷键-ps常用快捷键大全和技巧详细阅读
操作方式方法01【辅助widget】多种辅助工具相连接两个功能键的可同时按【Shift】加此功能键挑选出1、正方形、圆锥选框辅助工具 【M】 2、终端辅助工具 【V】 3、截叶......
2024-02-05 265
-
qq头像上传失败怎么办-qq头像上传失败1503详细阅读
操作方式01文档格式难题qq肖像最合适用jpeg文档格式的相片，若是相片有透明化地下通道，能选用png文档格式上载。 02大小不一难题若是相片极重也可能将引致上载失利，检......
2024-02-05 198