{"id":968,"date":"2017-10-13T19:04:10","date_gmt":"2017-10-13T19:04:10","guid":{"rendered":"http:\/\/blog.silverterra.net\/?p=968"},"modified":"2017-10-13T19:08:54","modified_gmt":"2017-10-13T19:08:54","slug":"disable-title-with-css","status":"publish","type":"post","link":"https:\/\/blog.silverterra.net\/?p=968","title":{"rendered":"disable title\/tooltip with css"},"content":{"rendered":"<blockquote><p>Goal: find simple way to hide the tooltip<\/p><\/blockquote>\n<p>The problem is very simple and there are many ways to solve. I have a button or link or just a simple div with a tooltip on it. I want to create a disabled state for this control.<br \/>\nthe object like this<\/p>\n<pre data-enlighter-language=\"html\" class=\"EnlighterJSRAW\">\r\n&lt;div class=&quot;jumper&quot; title=&quot;jump back&quot;&gt; &lt; &lt;\/div&gt;\r\n<\/pre>\n<p>and the style for the disabled state.<\/p>\n<pre data-enlighter-language=\"css\" class=\"EnlighterJSRAW\">\r\n.jumper.disabled {\r\n  color: #ddd;\r\n  text-shadow: 1px 1px 1px #fff;\r\n  background-color: #eee;\r\n}\r\n<\/pre>\n<p>Only one more thing left. How can I hide the tooltip defined by the title attribute. The quickest way with css is the following<\/p>\n<pre data-enlighter-language=\"css\" class=\"EnlighterJSRAW\">\r\n.jumper.disabledcorrect {\r\n  color: #ddd;\r\n  text-shadow: 1px 1px 1px #fff;\r\n  background-color: #eee;\r\n  pointer-events: none;\r\n}\r\n<\/pre>\n<p>the tricky part is: <b>pointer-events: none;<\/b> <--- no pointer events? no mouse action -> no tooltip &#8211; great, enjoy<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Goal: find simple way to hide the tooltip The problem is very simple and there are many ways to solve. I have a button or link or just a simple div with a tooltip on it. I want to create a disabled state for this control. the object like this and the style for the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,11],"tags":[],"class_list":["post-968","post","type-post","status-publish","format-standard","hentry","category-css","category-tricky"],"_links":{"self":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=968"}],"version-history":[{"count":12,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/968\/revisions"}],"predecessor-version":[{"id":980,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/968\/revisions\/980"}],"wp:attachment":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}