質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

CSSフレームワーク

CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。

Q&A

解決済

3回答

2440閲覧

フォームを美しくしてくれるシンプルなCSS

hojo

総合スコア195

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

CSSフレームワーク

CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。

0グッド

1クリップ

投稿2016/05/15 02:12

編集2016/05/15 04:10

タイトル通りなのですが、フォームを美しくしてくれるシンプルでポピュラーなCSSを探しています。

normalize.cssは、ブラウザ間の誤差をなくして補正してくれるだけのcssですが、シンプルで美しいフォームまでは作成してくれません。

逆に、bootstrapまで行くと、余計なアイコンなどの機能が付いてくるだけでなく、フォームをきれいにするにはform-controlやbtnといったクラスを指定しなければならず、htmlがどうしてもbootstrapに染まってしまいます。

MilligramというミニマルなCSSフレームワークが望んでいるものに近いと感じたのですが、どうにもボタンの色が紫色で独特になっており、CSSを上書きしてカラーを変更しようと試みたのですが、selectタグなどに指定されている「▼」アイコンはcss内部でdataurlの画像として組み込んであるため、紫色を完全に取り外すことは困難でした。

normalize.cssのようにブラウザ間の差異をなくし、かつボタンやフォームを美しく整え、bootstrapのようにhtmlを荒らさないようなシンプルでミニマルな土台となるcss・・・というものは存在しないのでしょうか?

どうかアドバイスよろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

bulmaはいかがでしょうか?

投稿2016/05/15 05:01

yamato_hikawa

総合スコア2092

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hojo

2016/05/15 06:52

かなり良い感じです! が、buttonクラスなどを追加しなければスタイルは適応されないようですね。 特にクラスを指定しなくてもスタイルが適応されるものはやはりMilligramくらいしかないのでしょうか... ありがとうございます!
guest

0

Googleで検索したらいくつかHITしましたが、いかがでしょうか。

Re: hojo さん

投稿2016/05/15 02:54

think49

総合スコア18156

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

一度適応したcssをリセットする機能が無いので、classを指定せずにデザインをすべて適応させてしまうcssは、デザインを適応させたく無い時に困るということがわかりました。

投稿2016/05/24 01:14

hojo

総合スコア195

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問