Autor | Zpráva | ||
---|---|---|---|
Nookyn Profil |
#1 · Zasláno: 20. 8. 2010, 12:05:45
V CSS mám toto:
#default-input {font-family : Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 5px 5px; font-size : 12px; color : #151718; background-color : #f8f8f8; border : 1px solid #201e1e;} #default-input disabled {background-color : #eeeeee;} A na stránce pak: <input type="text" id="default-input" disabled> Ale nezobrazí to správnou barvu pozadí (správná: #eeeeee)... |
||
panther Profil |
#2 · Zasláno: 20. 8. 2010, 12:14:51
Nookyn:
„Ale nezobrazí to správnou barvu pozadí“ tento CSS zápis funguje. Pro elementy <disabled> v čemkoliv s id="default-input". Chceš-li ostylovat disabled input, musíš k němu kromě tohoto atributu přidat ještě nějakou třídu (nebo v inline stylu změnit barvu pozadí). |
||
Joker Profil |
#3 · Zasláno: 20. 8. 2010, 12:18:27
Nookyn:
„Ale nezobrazí to správnou barvu pozadí“ Zobrazí to správnou barvu pozadí. Ten druhý CSS zápis zaměřuje prvky <disabled> uvnitř prvku s ID "default-input". Zaměření prvků s atributem disabled myslím jde až v CSS3. Takže viz panther |
||
Nookyn Profil |
#4 · Zasláno: 20. 8. 2010, 12:20:59
Takže by to muselo vypadat takhle?
#default-input {font-family : Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 5px 5px; font-size : 12px; color : #151718; background-color : #f8f8f8; border : 1px solid #201e1e;} #default-input-disabled {font-family : Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 5px 5px; font-size : 12px; color : #151718; background-color : #eeeeee; border : 1px solid #201e1e;} |
||
panther Profil |
#5 · Zasláno: 20. 8. 2010, 12:30:46 · Upravil/a: panther
Nookyn:
spíš třeba takhle: #default-input {font-family : Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 5px 5px; font-size : 12px; color : #151718; background-color : #f8f8f8; border : 1px solid #201e1e;} .disabled {background-color : #eeeeee !important;} <input id="default-input" class="disabled" disabled> |
||
jenikkozak Profil |
#6 · Zasláno: 20. 8. 2010, 12:31:22
Nookyn:
Třeba, ale místo id raději používej třídy, může se stát, že budeš mít na stránce více políček, kterým budeš chtít dát stejný styl. Třída se může libovolněkrát opakovat, id může být na stránce pouze jednou. Padding na všech stranách můžeš zapsat „padding: 5px“. |
||
Velda Profil |
#7 · Zasláno: 20. 8. 2010, 12:31:39
Nookyn:
#default-input {font-family : Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 5px 5px; font-size : 12px; color : #151718; background-color : #f8f8f8; border : 1px solid #201e1e;} #default-input[disabled] {background-color : #eeeeee;} |
||
panther Profil |
#8 · Zasláno: 20. 8. 2010, 12:32:09
Velda:
nebude fungovat všude, raději nepoužívat. |
||
Nookyn Profil |
#9 · Zasláno: 20. 8. 2010, 12:35:53
Děkuji všem za rady :)
|
||
Nookyn Profil |
#10 · Zasláno: 20. 8. 2010, 12:38:29
#default-input {font-family : Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 5px 5px; font-size : 12px; color : #151718; background-color : #f8f8f8; border : 1px solid #201e1e;} .disabled {background-color : #eeeeee !important;} Používam od panthera, ale děkuji všem. |
||
Joker Profil |
#11 · Zasláno: 20. 8. 2010, 12:43:07 · Upravil/a: Joker
panther:
„nebude fungovat všude, raději nepoužívat.“ Možná by to bylo přijatelné, podle tabulky z Quirksmode to nebude fungovat jen v IE6. Mimochodem koukám můj minulý příspěvek nebyl přesný, protože atributový selektor je CSS2.1 (myslel jsem, že až CSS3). Druhá varianta by byla CSS3 pseudotřída :disabled, ale to asi nebude fungovat v existujících IE (až v IE9). Moderátor Joker: Poznámka, odemkl jsem vlákno, třeba někdo bude mít ještě něco zajímavého k tématu
|
||
Velda Profil |
#12 · Zasláno: 20. 8. 2010, 12:49:23
Joker:
http://msdn.microsoft.com/en-us/library/aa358823.aspx když se jedná o IE je lepší čerpat tady, bývá tam napsaný i proč to nefunguje, když to IE umí... :) |
||
Joker Profil |
#13 · Zasláno: 20. 8. 2010, 12:53:56
Velda:
Píší tam to samé co na Quirksmode (tj. od IE7) a mě samozřejmě zajímaly všechny prohlížeče (resp. všechny rozšířené). |
||
Velda Profil |
#14 · Zasláno: 20. 8. 2010, 13:17:14
Joker:
jenže, třeba v ostatních to funguje i bez definování doctype :D a to já už nepoužívám... :D |
||
Bubák Profil |
#15 · Zasláno: 20. 8. 2010, 13:27:07
Možná nějaká výjimka bude, ale ve quirk módu v novějších IE funguje z CSS jen to, co v IE6.
|
||
Časová prodleva: 14 let
|
0