在按鈕鏈接中添加css

如何在按鈕中添加鏈接樣式。所以，我有一個鏈接樣式：在按鈕鏈接中添加css

a:link {color:#FFFFFF;} 
a:visited {color:#FFFFFF;} 
a:hover {color:#FFFFFF;} 
a:active {color:#FFFFFF;}

如何使用這個按鈕CSS這種風格結合起來。

button { 
text-decoration: none; 
text-shadow: 0 1px 0 #000000; 
font: bold 11px Helvetica, Arial, sans-serif; 
color: #FFFFFF; 
line-height: 17px; 
height: 18px; 
display: inline-block; 
float: left; 
margin: 5px; 
padding: 5px 6px 4px 6px; 
background: #F3F3F3; 
border: solid 1px #D9D9D9; 
border-radius: 2px; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-transition: border-color .20s; 
-moz-transition: border-color .20s; 
-o-transition: border-color .20s; 
transition: border-color .20s; 
height: 29px !important; 
cursor: pointer; 
}

來源

2012-12-14 Max Muller

你究竟是什麼意思......「整合」？ –

好吧，如果我使用'a：link {color：#FFFFFF;} a：visited {color：#FFFFFF;} a：hover {color：#FFFFFF;} a：active {color：#FFFFFF;} '在.css文件中，然後所有的鏈接將變成白色，但我想改變鏈接的顏色只在按鈕.. –

更改'a：link'到'按鈕a：鏈接{'等 – j08691

如果您希望將相同的樣式應用於多個元素（以及元素的類型），那麼您應該使用類。

.link:link {color:#FFFFFF;} 
.link:visited {color:#FFFFFF;} 
.link:hover {color:#FFFFFF;} 
.link:active {color:#FFFFFF;} 

.button { all of your button styles }

然後使用他們在一起的時候，你需要他們在一起：

<input type="button" class="link button" value="I'm a button" />

來源

2012-12-14 17:16:49

謝謝joel，很高興學習 –

我不是很瞭解這個問題，但也許這可以成爲你：

INPUT:hover {background: yellow;} 
INPUT:focus {background: #FF99FF;} 
INPUT:focus:hover {background: #99FF99;}

或

INPUT:focus:hover { 
text-decoration: none; 
text-shadow: 0 1px 0 #000000; 
font: bold 11px Helvetica, Arial, sans-serif; 
color: #FFFFFF; 
line-height: 17px; 
height: 18px; 
display: inline-block; 
float: left; 
margin: 5px; 
padding: 5px 6px 4px 6px; 
background: #F3F3F3; 
border: solid 1px #D9D9D9; 
border-radius: 2px; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-transition: border-color .20s; 
-moz-transition: border-color .20s; 
-o-transition: border-color .20s; 
transition: border-color .20s; 
height: 29px !important; 
cursor: pointer; 

}

來源

2012-12-14 17:19:02 mjimcua

使用button a:link, button a:hover, button a:visited, button a:active。

但是，在按鈕內部有鏈接有什麼意義？

來源

2012-12-14 17:29:47 patman

在按鈕鏈接中添加css

回答

相關問題