新規投稿
フォローする

詳細画面にてフィールドの外観をCSSで変更したい

お世話になります。

詳細画面のフィールド(文字列など)外観を自分好みにCSSで変更したいのですが

添付のCSSコードでは余白?が出来てしまいます。※わかりやすく赤くしています。

この余白をなくす方法がわからず困っています。

初歩的で申し訳ありませんが、アドバイス宜しくお願い致します。 

@charset "UTF-8";

.control-gaia{
/*background-color: #ff0000;*/

border-color: #ffffff;
border-width: 1px;
border-style: solid;
}

.control-label-gaia{
background-color: #1e90ff;

border-color: #ffffff;
border-width: 1px;
border-style: solid;
}

.control-label-text-gaia{
color: #ffffff;
}

 

0

2件のコメント

Avatar
juridon

こんにちは!

chromeを使われていましたら、開発者ツールでまずはブラウザ上でstyleをいじって試すことができます。
https://hikopro.com/cherome-denelopment/

多分、赤い部分のpaddingとかmarginを0にすればいいと思うので、
どのclassのpadding、marginかを探し出して開発者ツール上で試した後、
cssファイルで0にすればOKだと思います。

0
Avatar
denragu

juridon様

まだ開発者ツールを使いこなせてないのですが
順番にpaddingとmarginを0にして希望の表示を見つけました。

開発者ツールの使い方をもっと学ぶ必要がありそうですね。

アドバイスありがとうございました。

1
サインインしてコメントを残してください。