css-输⼊框和⽂本域样式调整输⼊框去掉选中后的边框变化效果
选中后边框变化：
去掉变化效果⽅法：添加css属性- - - outline: none;
⽂本域去掉右下⾓拖拽图样
默认⽂本域右下⾓有个拖拽的图样，将⿏标移动到右下⾓可以进⾏拖拽实现放⼤缩⼩：
代码⽰例：
<meta http-equiv="X-UA-Compatible"content="IE=edge">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
input{
outline: none;
}
</style>
</head>
<body>
<input type="text">
<textarea name=""id=""cols="30"rows="10"></textarea>
</body>
</html>
页⾯效果：
⽽且选中后，边框也有变化效果：
边框变化效果跟上⾯输⼊框⼀样，加上css属性去除- - - outline: none；边框拖拽效果的取消使⽤- - - resize: none;
代码⽰例：
<meta http-equiv="X-UA-Compatible"content="IE=edge">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<title>Document</title>
css鼠标点击样式
<style>
input,
textarea{
outline: none;
}
textarea{
resize: none;
}
</style>
</head>
<body>
<input type="text">
<textarea name=""id=""cols="30"rows="10"></textarea>
</body>
</html>
页⾯效果：
注意⼩细节：
开头和结束标签写在⼀⾏，换⾏的话，⿏标选中⽂本框时，默认会停在⾮顶头的位置，如下：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。