Join WhatsApp ChannelJoin Now

How To Hide Arrow Input Number

by admin Author

Published - | Updated - May 26, 2021 11:24 pm

153 Views

Hello Dev,

Today, i we will show you how to hide arrow input number. This article will give you simple example of how to hide arrow input number. you will learn how to hide arrow input number. So let’s follow few step to create example of how to hide arrow input number.

Hide Arrow Input Number

Example

<!DOCTYPE html>
<html>
<head>
<title>How To Hide Arrow Input Number</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
</style>
</head>
<body>

<h2>How To Hide Arrow Input Number</h2>
<input type="number" value="5">

</body>
</html>

Recommended Posts

Random Post

Trending Post