Skip to content
This repository has been archived by the owner on Oct 13, 2023. It is now read-only.

How to remove the clear input icon? #446

Open
LuisJavierRT opened this issue Feb 21, 2020 · 3 comments
Open

How to remove the clear input icon? #446

LuisJavierRT opened this issue Feb 21, 2020 · 3 comments

Comments

@LuisJavierRT
Copy link

There is a way to remove the clear input icon?

Screen Shot 2020-02-20 at 7 09 31 PM

@MrNocTV
Copy link

MrNocTV commented Mar 18, 2020

@LuisJavierRT You can try this:

/* clears the 'X' from Internet Explorer */
input[type='search']::-ms-clear,
input[type='search']::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
    display: none;
}

@ktriek
Copy link

ktriek commented Apr 23, 2020

Can a new attribute inputType be added to the component with a default value of search so it can be changed to text .

<ng2-completer [inputType]="text"></ng2-completer>

@MrNocTV
Copy link

MrNocTV commented Apr 28, 2020

@ktriek I'm not sure if it's a common thing, since you can use css to change the style.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants