Material: md-input-container shows X in IE when focused

Created on 15 Dec 2015  路  3Comments  路  Source: angular/material

In Internet Explorer, when you click on an input box in an md-input-container, it will show an X in the right edge of the input box. Clicking the X will deselect the input box. This X is not displayed in other browsers. This happens in all instances of md-input-container, including the ones in the demo page. It's not a serious problem, but it's inconsistent between browsers, and takes up space in the input box.

- Easy fix minor IE team discussion

Most helpful comment

I don't believe this is specific to md-input-container. It's a style that IE applies to all text inputs.

You can remove it with a simple CSS rule.

Style the ::-ms-clear pseudo-element for the box:

.someinput::-ms-clear {
    display: none;
}

All 3 comments

I don't believe this is specific to md-input-container. It's a style that IE applies to all text inputs.

You can remove it with a simple CSS rule.

Style the ::-ms-clear pseudo-element for the box:

.someinput::-ms-clear {
    display: none;
}

@PeerInfinity @ccstevenson thanks for addressing this, this should be discussed

Was there a decision here? It seems like a simple fix. I can submit a PR, but want to confirm that it will be accepted first.

Was this page helpful?
0 / 5 - 0 ratings