gpt4 book ai didi

html - 悬停时更改标签和输入元素的字体大小 - 使用 CSS 的 HTML

转载 作者:太空宇宙 更新时间:2023-11-04 14:13:23 27 4
gpt4 key购买 nike

HTML:
<fieldset>
<legend> XXX </legend>
<label for="photo"> Photo </label>
<input type="file" name="photo" id="photo">
<br>
<label for="imagePreview"> Preview: </label>
<img id="preview">
</fieldset>

CSS:
// 1. In this order, only input:hover works.
label:hover { font-size: 25px;}
input:hover { font-size: 20px;}

// 2. In this order, only label:hover works.
input:hover { font-size: 20px;}
label:hover { font-size: 25px;}

我被要求做这两个应该调整他们的字体大小。

例如:悬停在标签上,应该改变它的字体大小。 悬停在输入上,也应该更改其字体大小。

为什么不同时更改字体大小?我怎样才能实现它?

最佳答案

fieldset { font-size: 20px;}
label:hover , input:hover { font-size: 25px;}
<fieldset>
<legend> XXX </legend>
<label for="photo"> Photo </label>
<input type="file" name="photo" id="photo">
<br>
<label for="imagePreview"> Preview: </label>
<img id="preview">
</fieldset>

关于html - 悬停时更改标签和输入元素的字体大小 - 使用 CSS 的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35238422/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com