how to Hide arrows in input type number | Solution

 

<input type="number" > Is a default arrow by system so you need below css and you can remove arrow of the input type. its very easy to remove input type. 

Before Input Field 


After Added CSS Input Field




input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin: 0;

}

No comments:

Post a Comment

JavaScript + Angular-compatible version of loan amortization calculator that you can integrate into an Angular component or service

  JavaScript Version of Loan Amortization 1. Loan Calculator Function (Pure JS/TS) export function calculateLoanSchedule ( principal:...

Best for you