fix styling on disabled buttons

main
xenofem 2022-04-27 21:47:52 -04:00
parent 7191b4df96
commit 43cffcd54c
2 changed files with 3 additions and 2 deletions

View File

@ -9,8 +9,8 @@
<body>
<div>
<label>
<span class="fake_button" id="file_input_message">Select files to upload...</span>
<input type="file" multiple id="file_input"/>
<span class="fake_button" id="file_input_message">Select files to upload...</span>
</label>
</div>
<button id="upload" disabled>Upload</button>

View File

@ -17,8 +17,9 @@ button:hover, .fake_button:hover {
background-color: #aaa;
}
button:disabled, button:disabled:hover, .fake_button:disabled, .fake_button:disabled:hover {
button:disabled, input:disabled + .fake_button {
color: #aaa;
background-color: #eee;
border-color: #ddd;
cursor: not-allowed;
}