type="search"的input不能改变高度么？
来源：2-10 input新增类型（range_search_color）
JaneWangCoa
2019-03-19 16:03:37
练习的时候发现，当input的type="research"时只能控制它的宽度不能控制它的高度，也无法取消圆角。
6回答
-
你好，经过测试是mac系统和window系统中Chrome浏览器的效果不同，可以在输入框中添加属性去掉原来默认的：
你说的凹陷的边框是border属性，自己重新设置下border样式就可以。
1 -
JaneWangCoa
提问者
2019-03-19
我找到了Stack Overflow上的一个答案可以用，但是会有凹陷的边框https://stackoverflow.com/questions/7134202/input-type-search-dont-accept-height
0 -
JaneWangCoa
提问者
2019-03-19
0 -
JaneWangCoa
提问者
2019-03-19
<!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浏览器里显示为
0 -
好帮手慕星星
2019-03-19
你好，在Chrome浏览器中测试输入框是没有圆角效果的，但是可以使用border-radius属性去掉，参考：
可以测试下看看能不能设置高度和去掉圆角效果。
祝学习愉快！
0h019-03-19 -
JaneWangCoa
提问者
2019-03-19
写错了，是type="search"的时候。请问如果我要改变默认样式要怎么做呢？
0
相似问题