{"json_modified": "2016-09-06T10:50:19.422043", "uuid": "6e9d79c8-55ba-455a-809c-5bad1aa1ed16", "title": "Advanced styling for HTML forms", "url": "/en-US/docs/Web/Guide/HTML/Forms/Advanced_styling_for_HTML_forms", "tags": ["CSS", "Advanced", "Forms", "Web", "Example", "Guide", "HTML"], "translations": [{"uuid": "054609b7-5b9f-48cb-8681-96f46c727bb1", "title": "HTML \u30d5\u30a9\u30fc\u30e0\u3078\u306e\u9ad8\u5ea6\u306a\u30b9\u30bf\u30a4\u30eb\u8a2d\u5b9a", "url": "/ja/docs/Advanced_styling_for_HTML_forms", "tags": ["CSS", "Advanced", "Forms", "Web", "Example", "Guide", "HTML"], "summary": "\u672c\u8a18\u4e8b\u3067\u306f\u3001<a href=\"/ja/docs/HTML\" title=\"/ja/docs/HTML\">HTML</a> \u30d5\u30a9\u30fc\u30e0\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u96e3\u3057\u3044\u4e00\u90e8\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3067 <a href=\"/ja/docs/CSS\" title=\"CSS\">CSS</a> \u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u898b\u3066\u3044\u304d\u307e\u3059\u3002<a href=\"/ja/docs/HTML/Forms/Styling_HTML_forms\" title=\"HTML/Forms/Styling_HTML_forms\">\u524d\u306e\u8a18\u4e8b</a>\u3067\u898b\u305f\u3088\u3046\u306b\u3001\u30c6\u30ad\u30b9\u30c8\u30d5\u30a3\u30fc\u30eb\u30c9\u3084\u30dc\u30bf\u30f3\u3067\u306e CSS \u4f7f\u7528\u306f\u307e\u3063\u305f\u304f\u554f\u984c\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u3053\u3053\u304b\u3089\u306f\u3001HTML \u30d5\u30a9\u30fc\u30e0\u3078\u306e\u30b9\u30bf\u30a4\u30eb\u8a2d\u5b9a\u306e\u5f71\u306e\u90e8\u5206\u3092\u898b\u3066\u3044\u304d\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-10-19T06:17:58", "review_tags": []}], "modified": "2016-09-06T10:50:19", "label": "Advanced styling for HTML forms", "localization_tags": [], "locale": "en-US", "id": 57447, "last_edit": "2016-09-06T10:50:08", "summary": "In this article, we will see how to use <a href=\"https://developer.mozilla.org/en-US/docs/CSS\" title=\"/en-US/docs/CSS\">CSS</a> with <a href=\"https://developer.mozilla.org/en-US/docs/HTML\" title=\"/en-US/docs/HTML\">HTML</a> forms to style some form widgets that are difficult to customize. As we saw <a href=\"/en-US/docs/HTML/Forms/Styling_HTML_forms\" title=\"/en-US/docs/HTML/Forms/Styling_HTML_forms\">in the previous article</a>, text fields and buttons are perfectly okay with CSS. Now we will dig into the dark part of HTML form styling.", "sections": [{"id": "CSS_expressiveness", "title": "CSS expressiveness"}, {"id": "Controlling_the_appearance_of_form_elements", "title": "Controlling the appearance of form elements"}, {"id": "Examples", "title": "Examples"}, {"id": "Check_boxes_and_radio_buttons", "title": "Check boxes and radio buttons"}, {"id": "A_simple_test_case", "title": "A simple test case"}, {"id": "A_more_complex_example", "title": "A more complex example"}, {"id": "Dealing_with_the_select_nightmare", "title": "Dealing with the select nightmare"}, {"id": "The_road_to_nicer_forms_useful_libraries_and_polyfills", "title": "The road to nicer forms: useful libraries and polyfills"}, {"id": "Conclusion", "title": "Conclusion"}, {"id": "See_also", "title": "See also"}], "slug": "Web/Guide/HTML/Forms/Advanced_styling_for_HTML_forms", "review_tags": ["editorial"]}