[CSS] Fixed all buttons/select/input display rules from being overriden.

This commit is contained in:
Eliseu Amaro 2021-11-23 23:07:42 +00:00 committed by Diogo Peralta Cordeiro
parent d8147cbd2d
commit 477a5cb92d
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
1 changed files with 13 additions and 7 deletions

View File

@ -131,15 +131,21 @@ button,label {
color: currentColor; color: currentColor;
} }
select::-ms-expand {
display: none;
}
button,input,select,textarea { button,input,select,textarea {
display: -webkit-inline-box !important; appearance: none;
display: -webkit-inline-flex !important; -webkit-appearance: none;
display: -ms-inline-flexbox !important; -moz-appearance: none;/* For IE <= 11 */
display: -moz-inline-box !important; display: -webkit-inline-box;
display: inline-flex !important; display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -moz-inline-box;
display: inline-flex;
overflow: hidden; overflow: hidden;
font-size: inherit !important; font-size: inherit;
padding: 6px 8px !important; padding: 6px 8px;
-webkit-border-radius: .6rem; -webkit-border-radius: .6rem;
-moz-border-radius: .6rem; -moz-border-radius: .6rem;
border-radius: .6rem; border-radius: .6rem;