{"id":1252,"date":"2011-04-22T12:21:56","date_gmt":"2011-04-22T19:21:56","guid":{"rendered":"http:\/\/www.bryanhadaway.com\/?p=1252"},"modified":"2025-05-22T15:23:45","modified_gmt":"2025-05-22T22:23:45","slug":"something-every-css-stylesheet-should-have","status":"publish","type":"post","link":"https:\/\/webguy.io\/blog\/something-every-css-stylesheet-should-have\/","title":{"rendered":"Something Every CSS Stylesheet Should Have"},"content":{"rendered":"<p>Perhaps someone a lot smarter than myself can explain it to me, but I&#8217;ve never understood why browsers, by default, do not show form input submit buttons as clickable by changing your mouse cursor to a pointer (hand pointing finger) when hovering over them?<\/p>\n<p>I think the cursor should change to a pointer whenever an area is actionable upon clicking.<\/p>\n<p>Example of the difference between the default arrow (first hash) and pointer (second hash):<\/p>\n<p><em>Hover over each with your mouse cursor.<\/em><\/p>\n<p><span style=\"cursor:default\">#<\/span> | <a href=\"#\">#<\/a><\/p>\n<p>To correct this, simply drop the following CSS in all your stylesheets:<\/p>\n<pre><code>input[type=\"submit\"]{cursor:pointer}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Perhaps someone a lot smarter than myself can explain it to me, but I&#8217;ve never understood why browsers, by default, do not show form input submit buttons as clickable by changing your mouse cursor to a pointer (hand pointing finger) when hovering over them? I think the cursor should change to a pointer whenever an <a href=\"https:\/\/webguy.io\/blog\/something-every-css-stylesheet-should-have\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Something Every CSS Stylesheet Should Have<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[254],"class_list":["post-1252","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-css"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/1252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/comments?post=1252"}],"version-history":[{"count":0,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/1252\/revisions"}],"wp:attachment":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/media?parent=1252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/categories?post=1252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/tags?post=1252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}