2013-05-29 2 views
0

Как изменить кнопку CSS на кнопку со ссылкой URL? Ive read Мне нужно также добавить HTML-коды?Добавить ссылку URL в CSS & Html на кнопку

Единственный код для кнопки я могу найти это один:

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { 
position: relative; 
margin-bottom: 1px; 
color: #FFF; 
background-color: #2265B9; 
background-repeat: repeat-x; 
background-image: -khtml-gradient(linear, left top, left bottom, from(#FCEEC1), to(#EEDC94)); 
background-image: -moz-linear-gradient(top, #FCEEC1, #EEDC94); 
background-image: -ms-linear-gradient(top, #FCEEC1, #EEDC94); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCEEC1), color-stop(100%, #EEDC94)); 
background-image: -webkit-linear-gradient(top, #069CFF, #0A6AB6); 
background-image: -o-linear-gradient(top, #FCEEC1, #EEDC94); 
background-image: linear-gradient(top, #FCEEC1, #EEDC94); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); 
border-color: #EEDC94 #EEDC94 #E4C652; 
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
border-width: 1px; 
border-style: solid; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); 
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); 
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); 
} 

Я не уверен, если это правильный вопрос или правильные коды.

ответ

1

, если вы просто хотите добавить ссылку на кнопку, то вы можете использовать

<button onlick="#"><a href="http://google.com/"> Open this website</a></button> 

или вы хотите, чтобы открыть URL в новую страницу ??

1

ссылка не добавляется через CSS, они добавляются через HTML:

<a href="http://example.com">My Link</a> 

Если вы хотите, чтобы появиться с моделированием вы дали, просто дать ему .ui-state-highlight класса:

<a href="http://example.com" class="ui-state-highlight">My Styled Link</a> 
+0

Привет, спасибо james, но Im confused Я точно не знаю, где добавить этот html-код, есть только один html-файл в папке с кнопками CSS, – user1782663

+0

Как вы добавляете эту кнопку на свою страницу? –

+0

Эта кнопка поставляется с программным обеспечением jomres, и я могу видеть только файл jquery/код CSS из него, а не точно знать, что вы имеете в виду. – user1782663

Смежные вопросы