いろは2993700 views
教育149072 views
高校化学2915601 views
中学数学622008 views
高校生物550243 views
小学理科717886 views
LaTeX958376 views
高校物理158638 views
高校日本史190014 views
英語609386 views

iPhoneでタップしたときに灰色にしない(CSS)

-webkit-tap-highlight-color を transparent にすると灰色が消える。

-webkit-tap-highlight-color: transparent;

下のように CSS の最初ですべての要素を初期化すると便利である。

a,
body,
button,
div,
form,
h1,
h2,
html,
img,
input,
li,
p,
span,
table,
td,
textarea,
tr,
ul {
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
border: 0;
border-radius: 0;
color: #666;
font: 0px avenir, ‘Helvetica Neue’, Helvetica, ‘Hiragino Kaku Gothic ProN’, Meiryo, Arial, sans-serif;
margin: 0;
outline: 0;
padding: 0;
}

CSSで-webkit-tap-highlight-color: transparentを設定するとタップしたときの灰色が消える。