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

Jan 22 2021 138

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. How to get many values selected of checkbox using Jquery
  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. How to get first and last day of current month in Angular?
  7. 'React' must be in scope when using JSX react/react-in-jsx-scope
  8. React error support for the experimental syntax 'classproperties' isn't currently enabled
  9. Angular: No value accessor for form control with unspecified name attribute
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 - Functions
Start Test

Asp.Net Core - Exam test 01
Start Test

Asp.Net Core - Exam test 02
Start Test

C# - Level Beginner

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