Skip to content

Commit b4a350b

Browse files
authored
Merge pull request #564 from ShaggyDude/master
This fixes #563 by providing a style mixin to override ::-ms-reveal for custom styles.
2 parents 94952b1 + 98482af commit b4a350b

File tree

1 file changed

+26
-0
lines changed

1 file changed

+26
-0
lines changed

paper-input.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,28 @@
6464
@element paper-input
6565
@hero hero.svg
6666
@demo demo/index.html
67+
68+
### mixins
69+
70+
--paper-input-container-ms-clear | Mixin applied to the Internet Explorer reveal button -aka the eyeball | {}
71+
72+
To hide the default ms clear icon and provide your own
73+
74+
paper-input{
75+
--paper-input-container-ms-clear: {
76+
display: none;
77+
};
78+
}
79+
80+
To hide the default ms reveal icon and provide your own
81+
82+
--paper-input-container-ms-reveal | Mixin applied to the Internet Explorer reveal button -aka the eyeball | {}
83+
paper-input{
84+
--paper-input-container-ms-reveal: {
85+
display: none;
86+
}
87+
}
88+
6789
-->
6890

6991
<dom-module id="paper-input">
@@ -128,6 +150,10 @@
128150
@apply --paper-input-container-ms-clear;
129151
}
130152

153+
input::-ms-reveal {
154+
@apply --paper-input-container-ms-reveal;
155+
}
156+
131157
input:-ms-input-placeholder {
132158
color: var(--paper-input-container-color, var(--secondary-text-color));
133159
}

0 commit comments

Comments
 (0)