阿赖（在线ing） 2023-12-14 11:13 采纳率: 50%
浏览 14

如何放大html <input type='date'>的下拉框

我有一个html <input type="date" />组件，我在测试的时候，发下我的网页缩小会导致下拉框变的小，但这样就不方便看与选择了，正常逻辑是需要放大的
如图：

img


然后去查官网，给的解释是：

img


请教一下这个css怎么写

  • 写回答

1条回答 默认 最新

  • Kanhumm 2023-12-14 11:24
    关注

    如果你想在网页缩放时保持<input type="date" />组件的大小，你可以使用CSS中的zoom属性。如下例子：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        input[type="date"] {
            zoom: 150%; /* 设置缩放比例为150% */
        }
    </style>
</head>
<body>
    <input type="date" />
</body>
</html>

    示例中，使用zoom属性将<input type="date>的大小放大到150%。当页面缩放时，<input type="date>会保持这个固定的缩放比例，从而保持相对于页面的大小不变。

    你可以根据需要调整zoom属性的值，以便适应你的具体网页缩放情况。

    评论

报告相同问题？

问题事件

  • 创建了问题 12月14日