如何编辑可扩展的List CSS

Question

这是实际代码，但只更改按钮的样式而不是可扩展列表。

那么，如何编辑CSS样式列表样式呢？也想退出蓝色边框...

HTML：

 <table>
              <input class="select" type="hidden" value="COLOR DE FONDO:" placeholder="COLOR DE FONDO DEL DISEÑO">
              <tr>
                <td><select class="select">
                    <option value="" disabled selected>Color de fondo</option>
                    <option value="Blanco">Blanco </option>
                    <option value="Negro">Negro </option>
                    <option value="Rojo">Rojo </option>
                    <option value="Verde">Verde </option>
                    <option value="Azul">Azul </option>
                    <option value="Amarillo">Amarillo </option>
                    <option value="Naranja">Naranja </option>
                    <option value="Rosa">Rosa </option>
                    <option value="Cian">Cian </option>
                  </select></td>
              </tr>
            </table>

CSS：

.select{
border-radius: 30px;
outline: none;
box-shadow: 0px;
border: 0px solid #F0F0F0;
background: #f0f0f0;
width: 400px;
height: 45px;
display: inline-block;
resize: none;
margin: 8px 0;
padding: 12px 20px;
}

Image of how appears