Ionic-framework: I want to remove these two small buttons ( see attached image ) from ion-input

Created on 30 Aug 2019  路  3Comments  路  Source: ionic-team/ionic-framework

Hi Ionic team,

I want to remove these two little buttons from my desktop applications.

Screenshot 2019-08-30 at 2 42 49 PM

triage

Most helpful comment

This is not an issue related to the Ionic framework, but you can remove them by using the following CSS snippet:

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

As this issue is not related to the Ionic framework, kindly close this issue.

All 3 comments

This is not an issue related to the Ionic framework, but you can remove them by using the following CSS snippet:

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

As this issue is not related to the Ionic framework, kindly close this issue.

Ah sorry to posting on the wrong channel. But your solution worked.

Thanks
Cheers

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Was this page helpful?
0 / 5 - 0 ratings