html网页中select元素设置成disabled后,怎样隐藏或去掉右边的三角箭头

如题所述

一般可以自己模拟写一个select的标签的效果,用ul li实现,这样你就可以很好的控制那个箭头了,如果是自带的select应该没法去掉,但是你可以写一个小层比如一个div把它给覆盖,控制这个div的显隐就可以了
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-06-09
<input type="text" style="width:100px;height:20px;" value="北京">
<select  style="width:100px;height:20px;display:none;">
<option value="1">北京</option>
</select>

如上代码,谢一个input,和一个select,两个挨着。宽度,高度一样。

程序切换状态,如果为disabled,设置select的display为none,input的display为block。如果不是disabled,则反过来。这样其实是input和select的互相切换,实现没有三角箭头

本回答被提问者采纳

html网页中select元素设置成disabled后,怎样隐藏或去掉右边的三角箭头...
一般可以自己模拟写一个select的标签的效果,用ul li实现,这样你就可以很好的控制那个箭头了,如果是自带的select应该没法去掉,但是你可以写一个小层比如一个div把它给覆盖,控制这个div的显隐就可以了

html里select怎么设置和取消disabled
只要元素里面设置了disabled=“xxx”不管里面为什么都为禁用。所以原生设置:启用--dom.setAttribute("disabled","disabled") 禁用--dom.removeAttribute(“disabled”)jquery设置:$("#id").attr("disabled","disabled")("#id").removeAttr("disabled")很多人都认为设置disabled="true"是为启用,设置...

怎么在css样式表中去掉select箭头?
要移除 CSS 样式表中的 select 下拉箭头,可利用选择器对不同浏览器的默认样式进行覆盖。对于 Microsoft Edge 和 Chrome、Safari 的下拉箭头使用 `::-ms-expand` 和 `::-webkit-outer-spin-button` 选择器,将其 `display` 属性设为 `none` 即可隐藏箭头。此外,针对 Chrome 浏览器中的小数值调整...

selectHTML中的select
HTML中的select元素详解在HTML中,元素扮演着创建单选或多选菜单的关键角色。它的主要功能是让用户在提交表单时,可以选择一个或多个选项,浏览器会根据这些选择生成一个参数列表,其中name属性用于标识下拉列表,这对于与服务器交互至关重要。这个元素在大多数主流浏览器中得到广泛支持。使用时,可以设置一些...

IGD graphics mode select 里面设置成Disabled了怎么办
连续点击键盘的“DEL”键(速度要快,不然就进入XP去了),进入主板BIOS管理,在BIOS下找到IGD graphics mode select 这一项,用回车键把它改成“Enbled”可以了。 不过我想你如果是装有独立显卡的话,这一项自然是要关闭的,因为这个是关于主板集成显卡启用的,有了独立显卡,这个关了是最好的。

在HTML中 怎么去掉点击select时的虚线边框,求大神指点下?
1、设置outline: none;谷歌浏览器搞定;2、解决火狐设置outline: none;依然有虚线字体颜色框的问题:思路:用阴影来替换文本,只针对火狐 select:-moz-focusring { color: transparent;text-shadow: 0 0 0 #000;} 非原创,Stack Overflow找到的答案,原链接:去除火狐select虚线边框 能fq的直接点链接...

js怎么设置select的样式,边框和三角的颜色
select属于浏览器内置组件,标准CSS无法调整其样式。你可以使用div来模拟select。首先创建一个<div \/>来模拟下拉框。<div class="mySelect"><\/div>然后在里面加上显示选中值的<div \/>和模拟三角的<div \/>以及下拉列表<ul \/> <div class="mySelect"> <div class="mySelectValue"><\/div> ...

JQuery 中如何设置select 为disabled 并在页面已加载就设置select控件为...
(function(){ ("select").attr("disabled", "disabled");\/\/如果和jquery1.6以上版本,可以使用以下语句:("select").prop("disabled", true);});

做网页时(php、html中),怎么在<select>选择了对象后,在另外一个框内出 ...
两种方法:1. 使用框架,左边用链接,右边读取内容并显示 2. 使用ajax,左边点击,右边用ajax技术修改dom中,并显示数据

怎样用 CSS + JS 美化网页中的 select 下拉框
这个可以换种方式实现,首先select的样式每个浏览器都有其默认的样式,需要先去除这些默认样式,其次,select里面的样式诸如箭头,下拉框等等的样式,这里提供一种思路,就是在select的外层添加一个div,对这个div元素设置样式,select元素则是没样式,从而达到一种掩眼法的效果,实现方式如下:<!-- html ...

相似回答