2009-07-01 3 views
4

Я пытаюсь получить кнопку, которая выглядит точно так же, включена ли она или отключена, но всякий раз, когда я выключаю кнопку, она, кажется, игнорирует любые стили шрифта, которые я установил. Это похоже на IE, но не на другие браузеры.Отключенные кнопки в CSS?

Значит, кто-нибудь знает CSS для изменения отключенной кнопки, чтобы шрифт не был тиснением?

Заранее спасибо, Chris

[Edit] CSS-выглядит следующим образом:

 
.Button 
{ 
    background-color:#332F27; 
    border-bottom-color:#1B1B1B; 
    border-top-color:#3B3B3B; 
    border-left-color:#3B3B3B; 
    border-right-color:#0C0C0C; 
    color:Black; 
    font-style:normal; 
} 

Кнопка имеет атрибут Class = "Кнопка" [/ Edit]

+0

Можете ли вы предоставить CSS для этого? – rahul

ответ

9

Если вы изменяете отключенное свойство кнопки, вы не сможете получить ощущение и внешний вид обычной кнопки с CSS, который будет работать во всех браузерах.

Самый простой способ заключается в добавить еще одну кнопку, не событие щелчка прикрепленным к нему и установить дисплей на эту кнопку, чтобы INLINE и скрыть оригинал.

Если вы все еще хотите использовать CSS для этого, вы можете сослаться на эту ссылку.

Styling disabled form controls with CSS

+1

Не уверен, что я следую вашему ответу - мой CSS отлично работает в Chrome, а не в IE. Я не понимаю, почему я не могу изменить внешний вид кнопки? – 2009-07-01 11:36:06

+0

Я сейчас смотрел ссылку - думал, что это выглядит многообещающе, но текст по-прежнему рельефный. CSS, который я использую: .Button { \t background-color: # 332F27; \t border-bottom-color: # 1B1B1B; \t border-top-color: # 3B3B3B; \t border-left-color: # 3B3B3B; \t border-right-color: # 0C0C0C; \t \t цвет: черный; \t font-style: normal; } Кнопка отключена и имеет Class = "Button" – 2009-07-01 11:44:31

+0

Почему бы вам не использовать другую кнопку? – rahul

0
//You use this css it helps u 
font-weight: bold; 
    border-right: #3C8FD1 1px solid; 
    border-top: #3C8FD1 1px solid; 
    border-left: #3C8FD1 1px solid; 
    border-bottom: #3C8FD1 1px solid; 
    font-size: 10px; 
    color: #045FA7; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    background-image: url(../App_Images/cssbuttonbg.gif); 
    line-height: 14px; 
Смежные вопросы