type="search"的input不能改变高度么？
练习的时候发现，当input的type="research"时只能控制它的宽度不能控制它的高度，也无法取消圆角。
0
收起
正在回答
6回答
你好，经过测试是mac系统和window系统中Chrome浏览器的效果不同，可以在输入框中添加属性去掉原来默认的：
你说的凹陷的边框是border属性，自己重新设置下border样式就可以。
JaneWangCoa
2019-03-19 17:21:21
我找到了Stack Overflow上的一个答案可以用，但是会有凹陷的边框https://stackoverflow.com/questions/7134202/input-type-search-dont-accept-height
JaneWangCoa
2019-03-19 16:57:56
JaneWangCoa
2019-03-19 16:57:17
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
input{
height:50px;
}
</style>
</head>
<body>
<input type="search">
<input type="submit">
<input type="text">
</body>
</html>
这一段代码在chrome浏览器里显示为
JaneWangCoa
2019-03-19 16:04:47
写错了，是type="search"的时候。请问如果我要改变默认样式要怎么做呢？
响应式开发与常用框架 2018
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星