# safari でボタンタップしたら影が残る怪奇現象

body {
  display: block;
  margin: 8px;
}
body:-webkit-full-page-media {
  background-color: rgb(0, 0, 0);
}
button {
  -webkit-appearance: button;
}
input,
textarea,
keygen,
select,
button {
  margin: 0__qem;
  font: -webkit-small-control;
  text-rendering: auto; /* FIXME: Remove when tabs work with optimizeLegibility. */
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}

button {
  -webkit-appearance: button;
}

/* Form controls don't go vertical. */
input,
textarea,
keygen,
select,
button,
meter,
progress {
  -webkit-writing-mode: horizontal-tb !important;
}

input,
textarea,
keygen,
select,
button {
  margin: 0__qem;
  #if !(defined(WTF_PLATFORM_IOS_FAMILY) && WTF_PLATFORM_IOS_FAMILY) font: -webkit-small-control;
  #endif color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}

button {
  background-color: #f0f0f0;
  background-image: linear-gradient(#ececec, #d5d5d5);
  background-origin: border-box;
  border: 2px solid #707070;
  box-sizing: border-box;
  color: #212121;
  display: inline-block;
  font-family: "Arial";
  height: 6px;
  padding: 1px 6px;
  text-align: center;
  webkit-appearance: button;
  webkit-background-origin: border-box;
  width: 16px;
}

html {
  -webkit-tap-highlight-color: transparent; // 透明設定で強調なくす
}