/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

9 votes355 views3 answers
How to affect a deffernt element in css
CSS
1 vote316 views1 answer
-ms css
CSS
1 vote374 views1 answer
Content-visibility
CSS
1 vote311 views1 answer
Css no list markers
CSS
35 votes335 views2 answers
Css code for margin
CSS
0 vote273 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
10 votes351 views2 answers
Make image darker in css
CSS
0 vote341 views1 answer
Opposite of visibility hidden in css
CSS
13 votes321 views4 answers
How to print background bootstrap
CSS
0 vote311 views1 answer
Hide scroll bar and show when hover with small size
CSS