/CSS/Css styles responsive password input eye

Css styles responsive password input eye

.login-form{margin:20px 0 0 0;}
.login-form input[type=text]{
  background: #fff;
  border: none;
  border-radius:8px;
  position: relative;
  font-size:15px !important;
  display: inline-block;
  outline: none;
  width: 100%;
  height: 30px !important;
  padding: 18px 0 18px 20px;
  margin-bottom:15px !important;
  color: #666 !important;
  border: 1px solid grey;
}

.login-left{width:44%; margin: 0 0 0 5%; display:inline-block; float:left;}
.login-right{width:44%; margin: 0 5% 0 0; display:inline-block; float:right;}

@media screen and (max-width:767px) {
.login-width{width:95% !important;}
.login-left{width:90%; margin: 0 auto; display:block; float:none;}
.login-right{width:90%; margin: 0 auto; display:block; float:none;}
}

.p-viewer, .p-viewer2{
  float: right;
  margin-top: -55px;
  position: relative;
  z-index: 1;
  cursor:pointer;
}

.fa-eye {
  color: #000;
}

Source: stackoverflow.com

Similar codes

-1 vote218 views2 answers
Css make text one line
CSS
0 vote232 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
0 vote199 views3 answers
Input adresse ville automatique
CSS
0 vote203 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote227 views1 answer
How to link to class in CSS
CSS
-1 vote266 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
13 votes256 views5 answers
Transition shorthand
CSS
1 vote185 views1 answer
Css selector not contain
CSS
0 vote233 views1 answer
How to change line colors in css
CSS
158 votes257 views5 answers
Css background image with url
CSS