CSS样式中select 怎么去边框和三角箭头?

如题所述

你想要的不是select,而是用css+div+javascript做的,就是显示和隐藏一个div,div里面是选择项,点一个,上面的小div里面显示你点的那个
温馨提示:内容为网友见解,仅供参考
无其他回答

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

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

css3怎样去掉select中三角箭头的背景
用插件:select2.js 百度搜索那个名字即可,现在基本是最好用的下拉组件。原理就是将原来的select隐藏,用新的div构建一个下拉菜单,遮盖在原来的位置。自己做的话,可以试试在select上覆盖一个div层,用绝对定位。然后把select的透明度opacity写为0.01,不能为0,然后点击那个层,就相当与点击了那个...

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

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

CSS怎么去掉select的下拉箭头样式
select一直是html里的怪胎,很多属性不受css控制的,所以才会出现很多div+css的下拉插件,如果项目需要 非要用元素select的话,可以在select上做一个小小的遮罩,通过定位到下拉箭头,挡住后面的箭头就行了。纯手打,望采纳!

CSS怎么去掉select的下拉箭头样式
css是无法去掉默认select的下拉箭头的,除非自己用div+js+css实现自定义select控件。1、定义html中的select标签 <form> <a class="btn-select" id="btn_select"> <span class="cur-select">请选择<\/span> <select> <option>选项一<\/option> <option>选项二<\/option> <option>选项三<\/option> ...

select下的option的框怎么去掉
select { \/*清除select的边框样式 *\/ border: none; \/*清除select聚焦时候的边框颜色*\/ outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}option::-ms-expand{ display: none;}option{ -moz-appearance:none; \/* Firefox *\/ ...

怎样用css改变下拉框那个三角的样式
CSS设置不了select 那个三角形的样式的。、IE浏览器更是连select的边框什么的都不能设置,如果需要外观很好看的下拉框,建议用js+css实现,此时“小三角形就可以用图片代替”, 再对应鼠标的悬停,离开事件即可达到完美好看的效果。

如何改变SELECT下拉列表的样式
用下列CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。select { \/*Chrome和Firefox里面的边框是不一样的,所以复写了一下*\/ border: solid 1px #000; \/*很关键:将默认的select选择框样式清除*\/ appearance:none; -moz-appearance...

相似回答