<header>
  <h1><b>Accent</b> Color</h1>
</header>

<label>
  Checkbox
  <input type="checkbox" checked>
</label>

<label>
  Radio Buttons
  <fieldset>
    <input class="pink" type="radio" name="accented-demo" checked>
    <input class="pink" type="radio" name="accented-demo">
    <input class="pink" type="radio" name="accented-demo">
  </fieldset>
</label>

<label>
  Range Slider
  <input class="green" type="range">
</label>

<label>
  Progress element
  <progress class="orange"max="100" value="50">50%</progress>
</label>

チェックボックスはデフォルトのままにして、ラジオボタン、スライダ、ゲージに対してaccent-colorを用いて色を指定する。使用方法はaccent-color:pink;などとするだけでよい。

.pink {
  accent-color: deeppink;
}
.green{
  accent-color:green;
}

.orange{
  accent-color:orange;
}

以下、全体のコードと実行例を示す。Safariなどでは動作しないことに注意。

See the Pen accent-color by ATATAT (@atatat) on CodePen.

2021-09-05

蔦カップ麺醤油ラーメン　

その他雑記

セブンイレブンで6月から販売されている蔦監修のカップ麺。

7premium.jp

近くのセブンイレブンで、たくさん置いてあったので発売開始から少し経っているが購入して試してみた。

全体的には麺がほかのカップ麺と違って乾麺にしては食べ応えがあってよかったが、スープに関しては普通（カップ麺なので限界があるが、過去に食べた篝のカップ麺のスープはかなりよくて、しばらくリピート購入していた）

有名店のカップ麺とあって、いろいろとレビューがあるが、個人的には麺はおすすめで、スープはまずいとは感じなかった。ただ、同じシリーズですみれの方が完成度が高いので、同じ棚に並んでいたらすみれの方を選ぶと思う。

wadai-syouhin.xyz

つれづれなる備忘録

日々の発見をあるがままに綴る

今週のお題「好きなお茶」

ブログデザイン備忘録～ accent-color

蔦カップ麺醤油ラーメン