Bandau pakeisti mygtuko su įterptu paveikslėliu stilių, kaip parodyta toliau pateiktame "Fiddle":
Bijau, kad pavyzdyje nėra jokių paveikslėlių.
Aš'bandau:
Bandžiau daryti button[disabled]
. Tačiau kai kurių efektų nepavyko išjungti. pvz.
viršutinis: 1px; position: relative;
ir vaizdas.
Neįgaliems mygtukams galite naudoti :disabled
pseudoelementą. Jis tinka visiems elementams.
Naršyklėse ir (arba) įrenginiuose, palaikančiuose tik CSS2, galite naudoti selektorių [disabled]
.
Kaip ir su paveikslėliu, nedėkite paveikslėlio į mygtuką. Naudokite CSS background-image
su background-position
ir background-repeat
. Tokiu būdu paveikslėlio vilkimas neįvyks.
Pasirinkimo problema: čia rasite nuorodą į konkretų klausimą:
Neįgalinto selektoriaus pavyzdys:
button {
border: 1px solid #0066cc;
background-color: #0099cc;
color: #ffffff;
padding: 5px 10px;
}
button:hover {
border: 1px solid #0099cc;
background-color: #00aacc;
color: #ffffff;
padding: 5px 10px;
}
button:disabled,
button[disabled]{
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
}
div {
padding: 5px 10px;
}
<div>
<button> This is a working button </button>
</div>
<div>
<button disabled> This is a disabled button </button>
</div>