css中如何去掉select边框和小三角

如题所述

第1个回答  2017-06-21
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */

如何使用css将select的边框以及右边的小三角形去掉
第一种:CSS2 只能使用div和ul进行模拟了,结构很简单,具体可参考Alice的 button-dropdown 第二种:CSS3 可以使用CSS3的属性appearance,具体代码如下:select{ -moz-appearance: none; -webkit-appearance:none; appearance:none; } ...

select标签怎么去掉边框和小三角
现在很多前端都不选择用select了,而是直接用div替代

怎么去掉select边框和小三角,appearance用法
据我所知,select右边的小三角形是windows自带的样式框,你不可以修改,但框的颜色和背景可以修改,就是直接在代码中用内嵌的style控制border和background,如果你要修改不一样的select下拉框,那就用js写一个把。

怎么设置<select>下拉列表的背景和下拉的小三角样式
select { \/*背景:和其他元素一样,都是设置 background 属性*\/ background:#F00 \/*三角1:先将默认的select选择框样式清除*\/ appearance:none; -moz-appearance:none; -webkit-appearance:none; \/*三角2:在选择框的最右侧中间显示小箭头图片*\/ background: url('XXXXXX\/XXXXXX\/...

...celect列表右边的小三角按钮怎么能换成图片按钮啊?
通常select的箭头是不能修改的。有些人利用css中的clip或者位移将箭头修改或者遮住,但由于浏览器兼容性不好,效果都不理想。现在比较理想的效果都是用Javascript语言实现的。这种方法需要网页中嵌入一个修改表单样式的js文件和图片、css内容等,内容相对较多。所以,如果你的网页中仅有几个下拉菜单,也就...

右边那个透明的小框框怎么去掉?
word边框有两种,分别是是word文字边框和word页面边框,下面一一介绍取消方法。. 2\/3. 首先选中有边框的文字,然后点击菜单栏中的开始,点开边框工具,选择无框线。. 3\/3. 这时我们可以看到word文字边框已经取消了。. 本页面非法爬取自百度经验....

1.使用select 标签 为什么在IE和火狐浏览器里面 后面的小三角位置不在...
尊敬的用户,您好!很高兴为您答疑。这个应该是您安装了特殊的皮肤导致的问题,因为select之类的控件的样式是基于浏览器的,并不完全受页面样式控制。希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。

怎么用纯CSS制作带小三角的tooltip提示框
使用CSS制作小三角形实际就是通过控制块元素的边框来实现的。例如:<style>.triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}.triangle-down { width: 0; height: 0;...

网站制作如何实现下拉菜单前面的小三角
正好我这里有素材:下面的代码是右三角,放上去是左三角,直接复制即可。全css控制,无需使用图片。<html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><head><title><\/title>\/*css三角,均是向下f方向*\/<style type="text\/css">i{ cursor:pointer;}.mark1{display:inline-block; width:0px; ...

office中这个小三角怎么去掉
这个是因为设置了数据有效性,去掉有效性设置就行了

相似回答