如何删除边框的下拉列表：CSS [英] How to remove border of drop down list : CSS

问题描述

我要移除刚刚在下拉列表外的边框。
我试试：

I want to Remove the border that is coming just outside the drop down list. I am Trying:

select#xyz option {
  Border: none;
}

但不适用于我。请帮助我。

But does not work for me. Please help me.

推荐答案

你最能得到的是：

 select#xyz 
    {
        border:0px;
        outline:0px;
    }

你不能完全风格，但你可以尝试类似

You cannot style it completely, but you can try something like

select#xyz {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../images/select-arrow.png), 
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;}

这篇关于如何删除边框的下拉列表：CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！