Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

INPUT TEXT remove browser default dropdown

how can i remove the focusin dropdown that you see in this image?enter image description here

by css or javascript? How?

thanks.

like image 307
itsme Avatar asked Sep 25 '12 07:09

itsme


People also ask

How do I disable input dropdown?

We use <select> and <option> elements to create a drop-down list and use disabled attribute in <select> element to disable the drop-down list element.

How to remove input border on click?

Answer: Use CSS outline property This is the default behavior of chrome, however if you don't like it you can easily remove this by setting their outline property to none .


2 Answers

Use autocomplete="off":

<input type="text" autocomplete="off">

However, this is a non-standard attribute for HTML version < 5. In HTML5 you can freely use this attribute, see the reference:

  • http://www.w3.org/TR/html5/the-form-element.html#attr-form-autocomplete
like image 163
VisioN Avatar answered Oct 30 '22 13:10

VisioN


If that's input of type text then you can do it by specifying attribute autocomplete:

<input type="text" autocomplete="off"/>
like image 36
Michał Miszczyszyn Avatar answered Oct 30 '22 12:10

Michał Miszczyszyn