背景を2色に

Question

いつもお世話になっております。
background-colorでカラーボタンの色を指定しているのですが、
これを2色カラーにしたく、linear-gradientを使って指定してみたのですが
上手く反映されず、2色カラーになりませんでした…。
カラーボタンを:beforeを使って作っているので、それが関係して2色カラーにならないのでしょうか。
ご教示のほどよろしくお願いいたします。

カラーボタンを2色にしたいページURL↓
https://tokeiten.co.jp/scorpion-sp3326/

Accepted Answer

ECマスターズの田中です。

> background-colorでカラーボタンの色を指定しているのですが、
> これを2色カラーにしたく、linear-gradientを使って指定してみたのですが
> 上手く反映されず、2色カラーになりませんでした…。

linear-gradient による指定は、
単純な色指定とはデータ型が異なるため、
background-color での指定はできません。
background-color を background に変更して、
linear-gradient による指定をお試しいただきますようお願いします。

Answer

colorをのけて設定しましたら無事反映されました。
ご回答ありがとうございました！