diff options
author | Chris Rebert <code@rebertia.com> | 2014-02-15 05:05:59 +0400 |
---|---|---|
committer | Chris Rebert <code@rebertia.com> | 2014-02-15 05:14:52 +0400 |
commit | dabb5041a43dd2a50d126c5ab11ae34462ce58a8 (patch) | |
tree | b476eabe1fc9225ce96c7609277f2107c0a9f909 /docs/css.html | |
parent | accc95ccd63f8aa903fa07bea55ef34794d84cc5 (diff) |
Document caveats of `pointer-events: none` usage in btn.disabled
Refs #10049
Source for compatibility info: http://caniuse.com/#feat=pointer-events
Diffstat (limited to 'docs/css.html')
-rw-r--r-- | docs/css.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/docs/css.html b/docs/css.html index 6651215f5b..750b84a35b 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1886,8 +1886,8 @@ For example, <code><section></code> should be wrapped as inline. <p>Add the <code>disabled</code> attribute to a <code><fieldset></code> to disable all the controls within the <code><fieldset></code> at once.</p> <div class="bs-callout bs-callout-warning"> - <h4>Link functionality of <code><a></code> not impacted</h4> - <p>This class will only change the appearance of <code><a class="btn btn-default"></code> buttons, not their functionality. Use custom JavaScript to disable links here.</p> + <h4>Caveat about link functionality of <code><a></code></h4> + <p>Our styles use <code>pointer-events: none</code> to try to disable the link functionality of <code><a class="btn btn-*"></code> buttons in this case, but that CSS property is not yet standardized and isn't fully supported in Opera 18 and below, or in Internet Explorer 11. So to be safe, use custom JavaScript to disable such links.</p> </div> <div class="bs-callout bs-callout-danger"> @@ -2292,8 +2292,8 @@ For example, <code><section></code> should be wrapped as inline. We use <code>.disabled</code> as a utility class here, similar to the common <code>.active</code> class, so no prefix is required. </p> <div class="bs-callout bs-callout-warning"> - <h4>Link functionality not impacted</h4> - <p>This class will only change the <code><a></code>'s appearance, not its functionality. Use custom JavaScript to disable links here.</p> + <h4>Link functionality caveat</h4> + <p>This class uses <code>pointer-events: none</code> to try to disable the link functionality of <code><a></code>s, but that CSS property is not yet standardized and isn't fully supported in Opera 18 and below, or in Internet Explorer 11. So to be safe, use custom JavaScript to disable such links.</p> </div> <div class="bs-callout bs-callout-warning"> <h4>Context-specific usage</h4> |