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 get this css to display correctly in Chrome?

    How to justify short text inside fill fixed width parent with CSS?

    How to hide class=“” CSS

    How to apply a css class to master page based on the url using jquery? [closed]

    How can I hide a button when scrolled to the top of a page?

    How to achieve the following navigation with CSS and HTML

    CSS simple menu - how to align?

    Box-shadow is not showing or z-index

    How to make font-size less for 2px than parent element?

    How to make background image position stay same on all resolutions?

    CSS IE7 How can I force UL inside LI to be wider than the parent

    How do I go from fixed width to percentage width in a CSS stylesheet?

    How to get CSS around links like login button

    How to left-align the text in a Bootstrap accordion

    How to make width of element full width of screen and not parent css

    How to combine jquery codes with similar functions?

    How to get item to appear on mobile homepage only(wordpress)

    How do I create a region/zone map for the web? [closed]

    I'm making a chatbox. I have a div and input field inside of a div. I want them to resize in a particular way. How do I do this, preferably with css?

    How to style a built-in comment box imported from a third party?

    How to display Bootstrap button label vertically using CSS?

    How to apply more than 1 CSS styles in javaScript? [duplicate]

    jQuery - how do I show the full navbar at certain width?

    How to implement a navbar with HTML / CSS

    How do I modify the Datatable header style in PF Dynamic Columns?

    How to change text color for all links in Materialize CSS navbar?

    How do I apply a CSS to a clutter stage?

    Using CSS, how do you anchor an element to a baseline and size it based on another “pinned” element?

    How to use GitHub's primer and octicons?

    CSS: how to “plot” invisible text over an image?