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

Input with number type style

</ProgAli> answered on May 25, 2022 Popularity 5/10 Helpfulness 4/10

answer Input with number type style

related style input number css

Input with number type style

Comment

/* First Way */
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}

/* Second Way */
input[type="number"] {
	-moz-appearance: textfield;
}

Popularity 5/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css input

Link to this answer
Share Copy Link

Contributed on Mar 02 2024

</ProgAli>

0 Answers Avg Quality 2/10

Closely Related Answers

style input number css

Comment

.number-wrapper {
  position: relative;
}

.number-wrapper:after,
.number-wrapper:before {
  position: absolute;
  right: 5px;
  width: 1.6em;
  height: .9em;
  font-size: 20px;
  pointer-events: none;
  background: #fff;
}

.number-wrapper:after {
  color: blue;
  content: "\25B2";
  margin-top: 1px;
}

.number-wrapper:before {
  color: red;
  content: "\25BC";
  margin-bottom: 5px;
  bottom: -.5em;
}

Popularity 10/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link