gpt4 book ai didi

CSS Box-Shadow 不能在 Webkit 中使用 Textarea

转载 作者:技术小花猫 更新时间:2023-10-29 11:05:54 26 4
gpt4 key购买 nike

这个简单的代码在 Chrome 或 Safari 中不起作用...

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<style>
:required {box-shadow:0 0 5px red;}
</style>
<body>
<form>
<textarea required></textarea>
</form>
</body>
</html>

它在 Firefox 和 Opera 中工作得很好。此外,border:1px solid red 在 webkit 浏览器中工作得很好。这是怎么回事?我什至尝试过 textarea {display:block;} 认为这可能是一个内联问题。

最佳答案

你需要添加

-webkit-appearance: none;

强制 webkit 将 textarea 渲染为普通 block 并应用您编写的所有 CSS。

See jsfiddle

关于CSS Box-Shadow 不能在 Webkit 中使用 Textarea,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11658840/

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