Set placeholder color to make it consistent cross-browser

This commit is contained in:
Hadi Nategh 2019-08-08 10:36:00 +02:00
parent 9f638d23bc
commit 71210e96fb
7 changed files with 46 additions and 2 deletions

View File

@ -1926,6 +1926,10 @@ body {
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row { #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
} }
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
color: #666666;
opacity: 1;
}
#loginMainDiv div#centerBox form table.divLoginbox select:focus, #loginMainDiv div#centerBox form table.divLoginbox select:focus,
#loginMainDiv div#centerBox form table.divLoginbox select:hover { #loginMainDiv div#centerBox form table.divLoginbox select:hover {
box-shadow: none; box-shadow: none;

View File

@ -1915,6 +1915,10 @@ body {
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row { #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
} }
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
color: #666666;
opacity: 1;
}
#loginMainDiv div#centerBox form table.divLoginbox select:focus, #loginMainDiv div#centerBox form table.divLoginbox select:focus,
#loginMainDiv div#centerBox form table.divLoginbox select:hover { #loginMainDiv div#centerBox form table.divLoginbox select:hover {
box-shadow: none; box-shadow: none;

View File

@ -1926,6 +1926,10 @@ body {
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row { #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
} }
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
color: #666666;
opacity: 1;
}
#loginMainDiv div#centerBox form table.divLoginbox select:focus, #loginMainDiv div#centerBox form table.divLoginbox select:focus,
#loginMainDiv div#centerBox form table.divLoginbox select:hover { #loginMainDiv div#centerBox form table.divLoginbox select:hover {
box-shadow: none; box-shadow: none;
@ -6732,3 +6736,14 @@ img.et2_button_icon[src*="svg"]:hover {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
} }
/* set default placeholder color*/
::placeholder {
color: #666666;
opacity: 1;
}
:-ms-input-placeholder {
color: #666666;
}
::-ms-input-placeholder {
color: #666666;
}

View File

@ -387,3 +387,15 @@ img.et2_button_icon[src*="svg"], img.et2_button_icon[src*="svg"]:hover {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
} }
/* set default placeholder color*/
::placeholder {
color: @color_placeholder;
opacity: 1;
}
:-ms-input-placeholder {
color: @color_placeholder;
}
::-ms-input-placeholder{
color: @color_placeholder;
}

View File

@ -117,6 +117,8 @@
.background_color_40_gray { background-color : lighten(@gray, 60%); } .background_color_40_gray { background-color : lighten(@gray, 60%); }
.background_color_50_gray { background-color : lighten(@gray, 50%); } .background_color_50_gray { background-color : lighten(@gray, 50%); }
//Placeholder
@color_placeholder: #666666;
// Warning // Warning
@red: #FF0000; @red: #FF0000;

View File

@ -193,7 +193,10 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position-x: 0;
} }
td.remember_me_row {border-bottom: 1px solid silver} td.remember_me_row {
border-bottom: 1px solid silver;
span.remember_me {color:@color_placeholder;opacity:1;}
}
select:focus, select:hover {box-shadow:none;} select:focus, select:hover {box-shadow:none;}
input { input {
width: ~"calc(250px - 22px)"; width: ~"calc(250px - 22px)";

View File

@ -1937,6 +1937,10 @@ body {
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row { #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
} }
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
color: #666666;
opacity: 1;
}
#loginMainDiv div#centerBox form table.divLoginbox select:focus, #loginMainDiv div#centerBox form table.divLoginbox select:focus,
#loginMainDiv div#centerBox form table.divLoginbox select:hover { #loginMainDiv div#centerBox form table.divLoginbox select:hover {
box-shadow: none; box-shadow: none;