Improved CSS for 'select' tags. Now they looks similar to submit-buttons.

No more ugly rectangles!!
This commit is contained in:
maxkoryukov
2016-02-14 20:01:55 +05:00
parent ac2949cf88
commit 159474cf9b
2 changed files with 28 additions and 1 deletions

View File

@@ -229,6 +229,17 @@ textarea,
button {
font: 99%;
}
select {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #4F4F4F;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
color: #fff;
padding: 3px 10px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
textarea {
overflow: auto;
}

View File

@@ -124,7 +124,23 @@ table {
// Forms
select, input, textarea, button { font: 99%;}
select, input, textarea, button
{
font: 99%;
}
select
{
.rounded(5px);
background: #4F4F4F;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
color: #fff;
padding: 3px 10px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
textarea {overflow: auto;}
input { .rounded(3px);}
input:invalid, textarea:invalid {