{"id":1591,"date":"2005-08-16T16:55:28","date_gmt":"2005-08-16T14:55:28","guid":{"rendered":"https:\/\/www.fullo.net\/blog\/archives\/2005\/08\/16\/radiocheckbox-css-customization\/"},"modified":"2005-08-16T17:07:05","modified_gmt":"2005-08-16T15:07:05","slug":"radiocheckbox-css-customization","status":"publish","type":"post","link":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/","title":{"rendered":"CSS Customization"},"content":{"rendered":"<p>Bellissimo tutorial su <a href=\"http:\/\/www.flog.co.nz\/2005\/04\/27\/arc-adams-radiocheckbox-customisation\/\">come personalizzare l&#8217;aspetto degli input di tipo Radio e CheckBox<\/a> dei form senza perderne l&#8217;accessibilit\u00e0, la compatibilit\u00e0 e i comportamenti via browser.<\/p>\n<p>E sempre sullo stesso sito un articolo che spiega <a href=\"http:\/\/www.flog.co.nz\/2005\/05\/30\/progress-indicator\/1\">come usare i css per realizzare delle barre di avanzamento<\/a> sfruttando il tag <code>OL<\/code><\/p>\n<p>ciauz<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bellissimo tutorial su come personalizzare l&#8217;aspetto degli input di tipo Radio e CheckBox dei form senza perderne l&#8217;accessibilit\u00e0, la compatibilit\u00e0 e i comportamenti via browser. E sempre sullo stesso sito un articolo che spiega come usare i css per realizzare delle barre di avanzamento sfruttando il tag OL ciauz<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[12],"tags":[109,498,499,500,457],"class_list":["post-1591","post","type-post","status-publish","format-standard","hentry","category-webdev","tag-css","tag-form","tag-input","tag-list","tag-webdesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS Customization - Fullo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Customization - Fullo\" \/>\n<meta property=\"og:description\" content=\"Bellissimo tutorial su come personalizzare l&#8217;aspetto degli input di tipo Radio e CheckBox dei form senza perderne l&#8217;accessibilit\u00e0, la compatibilit\u00e0 e i comportamenti via browser. E sempre sullo stesso sito un articolo che spiega come usare i css per realizzare delle barre di avanzamento sfruttando il tag OL ciauz\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/\" \/>\n<meta property=\"og:site_name\" content=\"Fullo\" \/>\n<meta property=\"article:published_time\" content=\"2005-08-16T14:55:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2005-08-16T15:07:05+00:00\" \/>\n<meta name=\"author\" content=\"Francesco Fullone\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fullo\" \/>\n<meta name=\"twitter:site\" content=\"@fullo\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francesco Fullone\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/\"},\"author\":{\"name\":\"Francesco Fullone\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"headline\":\"CSS Customization\",\"datePublished\":\"2005-08-16T14:55:28+00:00\",\"dateModified\":\"2005-08-16T15:07:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/\"},\"wordCount\":52,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"keywords\":[\"css\",\"form\",\"input\",\"list\",\"webdesign\"],\"articleSection\":[\"webdev\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/\",\"name\":\"CSS Customization - Fullo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\"},\"datePublished\":\"2005-08-16T14:55:28+00:00\",\"dateModified\":\"2005-08-16T15:07:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2005\\\/08\\\/16\\\/radiocheckbox-css-customization\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS Customization\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\",\"name\":\"Fullo\",\"description\":\"nulla e&#039; impossibile per chi non lo deve fare!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\",\"name\":\"Francesco Fullone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"width\":622,\"height\":622,\"caption\":\"Francesco Fullone\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\"},\"sameAs\":[\"http:\\\/\\\/www.fullo.net\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fullo\",\"https:\\\/\\\/x.com\\\/fullo\"],\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/author\\\/fullo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS Customization - Fullo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/","og_locale":"en_US","og_type":"article","og_title":"CSS Customization - Fullo","og_description":"Bellissimo tutorial su come personalizzare l&#8217;aspetto degli input di tipo Radio e CheckBox dei form senza perderne l&#8217;accessibilit\u00e0, la compatibilit\u00e0 e i comportamenti via browser. E sempre sullo stesso sito un articolo che spiega come usare i css per realizzare delle barre di avanzamento sfruttando il tag OL ciauz","og_url":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/","og_site_name":"Fullo","article_published_time":"2005-08-16T14:55:28+00:00","article_modified_time":"2005-08-16T15:07:05+00:00","author":"Francesco Fullone","twitter_card":"summary_large_image","twitter_creator":"@fullo","twitter_site":"@fullo","twitter_misc":{"Written by":"Francesco Fullone"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/#article","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/"},"author":{"name":"Francesco Fullone","@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"headline":"CSS Customization","datePublished":"2005-08-16T14:55:28+00:00","dateModified":"2005-08-16T15:07:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/"},"wordCount":52,"commentCount":1,"publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"keywords":["css","form","input","list","webdesign"],"articleSection":["webdev"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/","url":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/","name":"CSS Customization - Fullo","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/#website"},"datePublished":"2005-08-16T14:55:28+00:00","dateModified":"2005-08-16T15:07:05+00:00","breadcrumb":{"@id":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fullo.net\/blog\/2005\/08\/16\/radiocheckbox-css-customization\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fullo.net\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS Customization"}]},{"@type":"WebSite","@id":"https:\/\/www.fullo.net\/blog\/#website","url":"https:\/\/www.fullo.net\/blog\/","name":"Fullo","description":"nulla e&#039; impossibile per chi non lo deve fare!","publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fullo.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c","name":"Francesco Fullone","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","url":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","width":622,"height":622,"caption":"Francesco Fullone"},"logo":{"@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1"},"sameAs":["http:\/\/www.fullo.net","https:\/\/www.linkedin.com\/in\/fullo","https:\/\/x.com\/fullo"],"url":"https:\/\/www.fullo.net\/blog\/author\/fullo\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3OSc1-pF","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":879,"url":"https:\/\/www.fullo.net\/blog\/2004\/06\/13\/phplinks-multiple-file-upload\/","url_meta":{"origin":1591,"position":0},"title":"php::Links(&#8216; multiple file upload &#8216; );","author":"Francesco Fullone","date":"13\/06\/2004","format":false,"excerpt":"su Fractured Reality viene descritto un interessante metodo per creare uno script che gestisca l'upload di pi\u00f9 file contemporaneamente, la cosa pi\u00f9 ingegnosa \u00e8 che utilizza i CSS per mostrare una sola file input form. ciuaz","rel":"","context":"In &quot;tecnologia&quot;","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":770,"url":"https:\/\/www.fullo.net\/blog\/2004\/03\/26\/css-tutorial\/","url_meta":{"origin":1591,"position":1},"title":"css tutorial","author":"Francesco Fullone","date":"26\/03\/2004","format":false,"excerpt":"piccoli tutorial per realizzare dei blocchi di testo con bordi arrotondati e delle form personalizzate. ciuaz","rel":"","context":"In &quot;tecnologia&quot;","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1606,"url":"https:\/\/www.fullo.net\/blog\/2005\/08\/23\/css-javascript-e-dintorni\/","url_meta":{"origin":1591,"position":2},"title":"CSS, javascript e dintorni","author":"Francesco Fullone","date":"23\/08\/2005","format":false,"excerpt":"Non so per quale arcano motivo ma mi hanno convinto a lavorare ad un sito pseudo-dinamico con una marea di file statici da includere di volta in volta ed un backend di pubblicazione eventi scritto da un dislessico con grossi problemi di afasia. Quindi per necessit\u00e0 di rinfrescarmi la memoria\u2026","rel":"","context":"In &quot;pensieri&quot;","block_context":{"text":"pensieri","link":"https:\/\/www.fullo.net\/blog\/category\/pensieri\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1696,"url":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/","url_meta":{"origin":1591,"position":3},"title":"Ottimizzare i propri CSS","author":"Francesco Fullone","date":"17\/10\/2005","format":false,"excerpt":"Normalmente quando scriviamo il CSS di un sito stiamo attenti affinch\u00e8 sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo pi\u00f9 volte lo stesso style se applicato a diversi oggetti. Operare in questo modo \u00e8 molto comodo ed efficiente\u2026","rel":"","context":"In &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1514,"url":"https:\/\/www.fullo.net\/blog\/2005\/07\/12\/css-playground\/","url_meta":{"origin":1591,"position":4},"title":"css playground","author":"Francesco Fullone","date":"12\/07\/2005","format":false,"excerpt":"alcuni esempi di utilizzo avanzato dei css ciuaz","rel":"","context":"In &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1653,"url":"https:\/\/www.fullo.net\/blog\/2005\/09\/16\/tabelle-e-css\/","url_meta":{"origin":1591,"position":5},"title":"Tabelle e CSS","author":"Francesco Fullone","date":"16\/09\/2005","format":false,"excerpt":"Nella nuova concezione di web design usare le tabelle per il layout \u00e8 sbagliato, banalmente non \u00e8 per\u00f2 vero il contrario... ecco un ottimo esempio di layout per tabelle :) ciuaz","rel":"","context":"In &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/1591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/comments?post=1591"}],"version-history":[{"count":0,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/1591\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/media?parent=1591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/categories?post=1591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/tags?post=1591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}