Remove select border and triangular-----appearance:none

Find a more interesting attribute today, Appearance:none

There may be friends who do not know, but there is a label you must know: SELECT.

The style of this tag is this:

In general, we use the border:0; Removing a border this way in some browsers is not working for it, for example: Opera browser does not work.

Another example of Google Browser, although the role of the border can be removed, but the right side of the inverted triangle has been preserved.

such as this:

If you want to remove both the border and the inverted triangle of SELECT, here are two ways to share it with you.

1. You can set a div tag in the external package of select, set the width and height of the inside select by setting out the hidden property.

2. If you feel that the above method is troublesome, you can use a property of CSS3.

Appearance:none

-moz-appearance:none/* Firefox */

-webkit-appearance:none/* Apple and Google */

Remove select border and triangular-----appearance:none