実現したいこと
inputタブにdisabled属性を付ける様に、labelタブに同様の事がしたい
前提
inputタブにdisabled属性を付けて、javascriptで条件によってそのinputタブの活性・非活性をコントロールしていました。
発生している問題・エラーメッセージ
inputタブのbuttonやfileの型のデザインを変えたくて調べていると、
labelで囲ってしまいinputタブをdisplay:none;としてしまえばいい事が分かったのでそちらに修正していたのですが、
disabled属性はlabelタブに対応していないらしく詰まってしまいました。
どの様にすればlabelタブに同様の事が出来るのでしょうか?
該当のソースコード
修正前:
<input disabled type="file" id="inputFiles" multiple class="inputFiles">
修正後:
<label for="inputFiles"> <span class="input_btn">ファイルを選択してください</span><input disabled type="file" id="inputFiles" multiple class="inputFiles"> </label>

回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。
2023/03/26 06:46