How to hide up & down arrow from input number in HTML5

Dung Do Tien Jan 22 2021 89

Hello all,

 I'm building a template for my project by using HTML5, CSS3 and bootstrap also

When I use input type=number, It always shows 2 arrows at the end of the element 

 <input type="number" name="quantity" id="quantity" />

I use Google Chrome to show the UI

I don't wanna show 2 arrows of all input type=number tag

How can I hide them?

No answer found.

Related Q&A May You Like

  1. What is different between Null and Undefined values in Javascript?
  2. What is the mean of DOCTYPE in a html page?
  3. What is the difference between block and inline html tag?
  4. Difference between type submit and button of <button> tag in HTML?
  5. What is difference between input submit and button submit in Html?
  6. JwtBearerDefaults is missing in Asp.Net Core 3.0 and 3.1
  7. EndpointRoutingMiddleware matches endpoints setup by EndpointMiddleware when migrate asp .net core 2.2 to 3.1
  8. PostgreSQL Error: Terminating connection due to administrator command
  9. How to mount a file in Docker to the server's hard drive
Leave An Answer
* NOTE: You need Login before leave an answer

* Type maximum 2000 characters.

* All comments have to wait approved before display.

* Please polite comment and respect questions and answers of others.

Most Quizs Popular

Start Test

Javascript Datatype & Operator
Start Test

Javascript Introduce and basic
Start Test

Javascript Condition & loop
Start Test

Javascript - Functions

Popular Tips

This site uses cookies so that we can remember you and understand how you interact with our website. This allows us to improve and customize your browsing experience. See our Cookies Policy.
X Close