2012-10-18 7 views
8

Mam przycisk, który jest obecnie wyłączony, aw IE jest wyszarzony, ale w przeglądarce Firefox, Chrome i Safari jest wyłączony, ale nadal wygląda aktywnie.Przycisk wyłączony, ale wygląda na aktywny

kod Przycisk

<tr valign="middle"> 
    <td colspan="2" style="width: 100%"> 
     <asp:Button ID="DownloadButton" runat="server" Text="Download" Width="85px" CssClass="ESTableHeaderL" OnClick="DownloadButton_Click" /> 
    </td>  
    </tr> 

A mój kod za

protected void DownloadButton_Click(object sender, EventArgs e) 
{   
    if (ddBusinessMonth.Items.Count == 0) 
    { 
     DownloadButton.Enabled = false; 
     ShowClientMessageBox("No Data found for downloading"); 
    } 
.... 

} 

Czy mogę coś zrobić, aby wyglądać tak samo jak w IE?

Dzięki

+0

który pozwala mu być wyłączone, ale w przeglądarkach robi szary ją – TheLifeOfSteve

+0

Każda przeglądarka ma swój własny domyślny styl. Możesz jednak egzekwować swój własny styl. W tym celu należy utworzyć niestandardowe klasy CSS i zastosować je do woli – JSantos

+0

co to jest css dla 'ESTableHeaderL'? Może to spowodować problem, ponieważ każda przeglądarka ma kilka domyślnych stylów dla wyłączonych przycisków. Być może zmieniłeś ją w jakiś sposób. –

Odpowiedz

8

:disabled selector może być używany z CSS3

input[type="button"]:disabled 
{ 
background:#dddddd; 
} 

Przeglądarki:

IE8+ FF1.5+ SA3.1+ OP9.2+ CH2+ 

dla ASP.NET:

Dodaj atrybut CssClass do listy serwer-si de przycisk i odsyłaj go do klasy zawierającej powyższy CSS.

+0

Może chcesz dodać 'input [type =" submit "]: disabled 'również. – jrummell

+0

Przepraszam moją ignorancję, ale jak zastosować styl do obiektu w asp.net – TheLifeOfSteve

+1

Dodaj atrybut CssClass do swojego przycisku po stronie serwera i odsyłaj go do klasy zawierającej powyższy CSS. –

1

można programowo przypisać klasę css jeśli jego wyłączone

if (ddBusinessMonth.Items.Count == 0) 
    { 
     DownloadButton.Enabled = false; 
     DownloadButton.CssClass = "disabledbutton"; 
     ShowClientMessageBox("No Data found for downloading"); 
    } 

css

.disabledbutton{ 
    background-color:#ddd; 
} 
+0

Czy mogę to zrobić u boku komandora. Mam dużo buttonów wewnątrz przycisku faktycznie działa jako wyłączone, ale wizualnie są włączone, np. 9 jest wyłączone, aby je wyłączyć, a 11 jest włączone. Znam identyfikator dla przycisku. Czy jest jeszcze zrobić, aby z css tylko nie chcą używać codebehind –

0

Framerwork 4 renderuje różnie kontroli. Dodaj poniżej do pliku we.config, a wyłączony przycisk będzie jak zwykle szary.

<pages controlRenderingCompatibilityVersion="3.5"/> 
0

Szybki sposób bez użycia niestandardowej klasy CSS (nic przeciwko arkuszom stylów), którą można ukończyć w kodzie. Następujące będzie ustawić kolor tła przycisku Pobierz na zielony (myślę, że to zielony, jestem colorblind: - |):

DownloadButton.Attributes.Add("style", "background-color:#28C523");