Breaking News: Grepper is joining You.com. Read the official announcement!

cut corners of input element

Sushil Kumar Mahato answered on November 3, 2022 Popularity 2/10 Helpfulness 1/10

answer cut corners of input element

related cut corners of input element

cut corners of input element

Comment

.back {
  padding:30px;
  background-color:#c11;
}
.bottom-corner, input, .top-corner, .icon{
  display:inline-block;
  padding:3px 10px;
  vertical-align:middle;
}
.icon{
  background-color:#fff;
  padding-top:10px;
  height:23px;
}
.bottom-corner, .top-corner{
  height: 20px;
}
.bottom-corner{
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    margin-right: -4px;
}
.top-corner{
  margin-left:-4px;
  border-top: 10px solid transparent;
  border-left: 10px solid #fff;
}
input {
  background-color:#fff;
  border:0;
  height:30px;
  width:300px;
}

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: cut element input whatever

Link to this answer
Share Copy Link

Contributed on Nov 03 2022

Sushil Kumar Mahato

0 Answers Avg Quality 2/10

Closely Related Answers

cut corners of input element

Comment

.back {
  padding:30px;
  background-color:#c11;
}
.bottom-corner, input, .top-corner, .icon{
  display:inline-block;
  padding:3px 10px;
  vertical-align:middle;
}
.icon{
  background-color:#fff;
  padding-top:10px;
  height:23px;
}
.bottom-corner, .top-corner{
  height: 20px;
}
.bottom-corner{
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    margin-right: -4px;
}
.top-corner{
  margin-left:-4px;
  border-top: 10px solid transparent;
  border-left: 10px solid #fff;
}
input {
  background-color:#fff;
  border:0;
  height:30px;
  width:300px;
}

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: input cut element whatever

Link to this answer
Share Copy Link

Contributed on Nov 03 2022

Sushil Kumar Mahato

0 Answers Avg Quality 2/10

cut corners of input element

Contents

More Related Answers

cut corners of input element

Closely Related Answers

cut corners of input element

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.