在Mac OS浏览器中删除<select>元素的默认圆形边框：Chrome </select>

Question

元素中的

我没有在它的CSS中添加border属性，而且我还在其中添加了以下CSS

    .select
     {
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
     }

虽然它在Chrome（Mac OS）中显示我的圆形边框，为什么会这样，我怎么能克服它？

4 个答案:

答案 0 :(得分：19)

你可以这样使用，

.select{ 
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;   
   -webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
   -moz-border-radius: 0;  /* Firefox 1-3.6 */     
   border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

答案 1 :(得分：2)

虽然这是一个老问题。我试着将箭头保持在右侧。

select {
    color: #fff;
    background: #17406B;
    border: solid 7px #17406B;
    outline: #17406B solid thick;
    outline-offset: -5px;
}

答案 2 :(得分：0)

这应该有效：

select {
    background: #fff;
    color: #2dccd3;
    outline: #ffffff solid thick;
    outline-offset: -5px;
    -webkit-border-radius: 0px !important;
}

答案 3 :(得分：-4)

只需使用

border: 1px ridge rgb(169, 169, 169);

边界半径为0px

解决方案是将边框样式更改为ridge。

快乐

相关问题

• 删除chrome（mac）上选择的border / bg图像
• CSS删除默认的蓝色边框
• 如何删除UITextView的默认边框
• 在Mac OS浏览器中删除<select>元素的默认圆形边框：Chrome </select>
• 元素周围的部分圆形边框
• 在select元素激活时删除select2边框？
• Mac OS中的默认路径SugarCRM
• 删除所选select元素的默认选项onChange事件？
• 无法删除输入元素的边框
• Anaconda选择环境Mac OS

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 1

你可以这样使用，

.select{ 
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;   
   -webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
   -moz-border-radius: 0;  /* Firefox 1-3.6 */     
   border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

Answer 2

虽然这是一个老问题。我试着将箭头保持在右侧。

select {
    color: #fff;
    background: #17406B;
    border: solid 7px #17406B;
    outline: #17406B solid thick;
    outline-offset: -5px;
}

Answer 3

这应该有效：

select {
    background: #fff;
    color: #2dccd3;
    outline: #ffffff solid thick;
    outline-offset: -5px;
    -webkit-border-radius: 0px !important;
}

Answer 4

只需使用

border: 1px ridge rgb(169, 169, 169);

边界半径为0px

解决方案是将边框样式更改为ridge。

快乐