library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Buttons no longer inherit page a:visited style

Browse Source 
This fixes issue #87.
This commit is contained in:
Tilo Mitra 2013-07-10 14:13:30 -04:00
parent 742a0beb49
commit 14a89fbe9f
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/buttons/css/buttons.css
View File

@ -1,6 +1,7 @@
/*csslint unqualified-attributes:false, outline-none:false*/
.pure-button {
.pure-button,
.pure-button:visited {
font-size: 100%;
*font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
*overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */

14
src/buttons/tests/manual/button.html
View File

@ -44,6 +44,11 @@
color: #fff;
box-shadow: none;
}
a:visited {
color: green;
text-decoration: underline;
}
</style>
</head>
@ -108,5 +113,14 @@
<input type="button" class="pure-button pure-button-primary" value="Input Button">
<input type="reset" class="pure-button pure-button-primary" value="Reset">
</p>
<h2>Visited Button</h2>
<p>
A Pure Button should not inherit styles from <code>a:visited</code>. There has been some <code>a:visited</code> code inserted at the top of this page. The button below should look the same as a regular button.
</p>
<p>
<a class="pure-button" href="http://yahoo.com">Visited Pure Button</a>
</p>
</body>
</html>