84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Figma の設計を実装しようとしていますが、必ずしも正確ではないことに気付きました:
これは私が作成したい入力フィールドです:
文字が薄いことに注意してください。これらは Figma からの値です:
同じ色とフォントの太さを使用し、400 の代わりに 100 を使用してみましたが、結果は次のとおりです。
テキストが太くなっていますが、理由はわかりません。入力フィールドの CSS コードは次のとおりです:
と html:
私は何を間違えたのでしょうか?
フォントの太さの値を変更しても同じ結果が得られる場合は、次のいずれかの問題があることを意味します。
最後にもう 1 つ、この場合、プレースホルダーの外観を変更したいので、他の問題が発生するリスクを冒さずにプレースホルダーのスタイルを変更できるように、疑似要素 ::placeholder を使用する必要があります。
コードでは、結果をシミュレートするためにプレースホルダーに明るい色を付けました。
セレクターに font-family 属性とその値を追加してみて、利用可能なすべてのフォントのウェイトが埋め込まれているので、ここで使用している cdn を使用してください。
font-family
フォントの太さの値を変更しても同じ結果が得られる場合は、次のいずれかの問題があることを意味します。
最後にもう 1 つ、この場合、プレースホルダーの外観を変更したいので、他の問題が発生するリスクを冒さずにプレースホルダーのスタイルを変更できるように、疑似要素 ::placeholder を使用する必要があります。
コードでは、結果をシミュレートするためにプレースホルダーに明るい色を付けました。
セレクターに
リーリーfont-family
属性とその値を追加してみて、利用可能なすべてのフォントのウェイトが埋め込まれているので、ここで使用している cdn を使用してください。