私は私のサイトに持っていきたいこのトグルスイッチを持っています。トグルスイッチにCSSの枠線を適用すると、このギザギザの境界がどのように修正されますか?
https://jsfiddle.net/njxfnfoa/
<div class="switch-container">
<label class="switch">
<input type="checkbox">
<div class="slider round"></div>
</label>
</div>
とCSSの長さであるので、私はちょうどJSFiddleでそれをしておこう。
しかし、あなたはそれがかなりギザギザに見えることがわかります。私が作業しているPDFデザインはこのように見えます。
どのように私はより良いこのなめらかな境界線を複製することができますか?
あなたのスクリーン/コンピュータに依存して、MacBook ProのImは非常に滑らかに見えます。 – Zac
灰色の境界線で表示されない - https://jsfiddle.net/njxfnfoa/3/ – Pete