从<select>元素</select>中删除圆角

Question

如何删除选择元素上的圆角？

我尝试添加以下代码，但它删除了箭头并切断了占位符文本的底部：

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

see website

Answer 1

你的CSS会导致问题：

.dropdown-search .form-control {
   padding-bottom: 8px; /* CHANGE THIS TO 0px */
}

Answer 2

这只是因为你添加了填充底部来选择

.dropdown-search .form-control {
    padding-bottom: 8px;
}

第1349行的文件http://www.dawaf.co.uk/creative-mapping/wp-content/themes/wpbootstrap/style.css?ver=1.0中的

将其替换为此代码

.dropdown-search .form-control {
        padding-bottom: 0px;
    }

希望它可以帮助你：）