How to remove blue highlight when you hold on input buttons in css? [closed]


Tags: html,css

Problem :

I am making a mobile app, and when I view it on android phone using chrome browser, and hold on the input button (type is submit if that matters), I notice a blue highlight around it (like its not a border, its a full rectangle). The actual button is within the border and has rounder corners. But for some reason it highlights a rectangle that's blue when I hold on the button. Is there some css that can remove that?

Thanks

Here is a screen:

enter image description here



Solution :

try with this :

.button_class:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    CSS Howto..

    How can I make DIVs within a display: table-cell fill the cell?

    How do I add curved corners to menu in css

    How to lay down elements vertically from top to bottom, and then from right to left, using a clean HTML markup?

    How do I create tabs in vertical alignment?

    How to edit the correct phone number in my script?

    How to extend the border-top on my nav_bar class

    how to create a vertical menu in html/css [closed]

    How to get Angular Material Design's directive to scale to image properly in IE?

    How do I format code neatly in HTML/CSS ? I especially want to use the numerical circle callouts, with Python Docutils if I can

    How to make Gravity Forms Responsive (left/right )?

    How to alternate HTML table row colors using JSP?

    How can I make the parent div draggable

    How can you grab elements in dom and apply different css without id?

    How can I solve this styling issues?

    How to remove the particular CSS style (set through CSS file) from an HTML list

    How to remove property from a child element?

    How to style Zend Checkboxes

    How do I get text to go in the middle of a div? [duplicate]

    Javascript/CSS- how to change the colour of a textarea scrollbar without a third party JS library?

    How to change CSS property with jQuery?

    How can I hide a DIV without using CSS?

    How can you hide the arrow that is displayed by default on the HTML5
    element in Chrome?

    How to toggle display: inline and display toggle?

    How to create a responsive popup using fancybox 2?

    How to append text after last css class

    How do I evenly distribute a group of spans across a div?

    How to create an on/off switch with Javascript/CSS?

    CSS: how to center a list with image

    How to make this type of image popping out of box using XHTML css

    How to add new CSS rule to inner id