Html 输入值上的奇怪边界?IDK
今天我的搜索框上有一个奇怪的边框,我完全不知道如何才能让它们消失 JSFiddle:Html 输入值上的奇怪边界?IDK,html,css,Html,Css,今天我的搜索框上有一个奇怪的边框,我完全不知道如何才能让它们消失 JSFiddle: 尝试一下:使用border:none fieldset{ border:none; } .search{ border:none; } “JSFIDLE中的代码”不,把它放在这里。@BoltClock:如果我显得傲慢或懒惰,我很抱歉,事实是我无法将代码粘贴到其中。我甚至检查过。编辑:哇,我似乎不明白这里什么有效,什么无效。我会在等待帮助的时候开始阅读它!由字段集引入的Strage边界?这是一
尝试一下:使用
border:none代码>
fieldset{
border:none;
}
.search{
border:none;
}
“JSFIDLE中的代码”不,把它放在这里。@BoltClock:如果我显得傲慢或懒惰,我很抱歉,事实是我无法将代码粘贴到其中。我甚至检查过。编辑:哇,我似乎不明白这里什么有效,什么无效。我会在等待帮助的时候开始阅读它!由字段集引入的Strage边界?这是一个荒谬的问题,它消失了吗?如果是这样的话,请阅读一些HTML标记是允许的,但我们这里主要使用Markdown。@BoltClock:谢谢,我想我现在可以开始工作了。再一次,我非常感谢每一位花时间查看这篇措辞糟糕的帖子的人。
/*
Original files by Keith Donegan Code-Sucks.com
*/
* {
padding: 0;
margin: 0;
background: url(bg/rotate.php) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
width: 50%;
height: 50%;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
min-width: 925px;
max-width: 925px;
min-height: 350px;
max-height: 350px;
}
#navigation {
float: left;
width: 900px;
color: #333;
padding: 10px;
margin: 0px 0px 5px 0px;
}
#leftcolumn {
margin: 0px 5px 5px 0px;
padding: 0px;
height: 350px;
width: 225px;
float: left;
}
#leftmiddle {
margin: 0px 5px 5px 0px;
padding: 0px;
height: 350px;
width: 225px;
float: left;
}
#rightmiddle {
margin: 0px 5px 5px 0px;
padding: 0px;
height: 350px;
width: 225px;
float: left;
}
#rightcolumn {
margin: 0px 5px 5px 0px;
padding: 0px;
height: 350px;
width: 225px;
float: left;
}
#footer {
width: 900px;
clear: both;
color: #333;
border: 0px solid #ccc;
margin: 0px 0px 10px 0px;
padding: 10px;
}
.background {
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, .5);
-moz-border-radius: 8px;
border-radius: 8px;
}
.borders {
-moz-border-radius: 8px;
border-radius: 8px;
}
.alpha {
display: block;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
text-align: center;
font-weight: bold;
margin: 5px 0px 0px;
background: #ee4356;
}
.alphasearch {
display: block;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px 0px 0px;
height: 25px;
width: 182px;
border: 5px solid #ee4356;
padding: 0 8px 0 25px;
color: #fff;
font-weight: bold;
background: rgba(34, 34, 34, .2) url(search.png) left center no-repeat;
}
.search {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
font-weight: bold;
}
.beta {
display: block;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
text-align: center;
font-weight: bold;
margin: 5px 0px 0px;
background: #5ebef1;
}
.betasearch {
display: block;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px 0px 0px;
height: 25px;
width: 182px;
border: 5px solid #5ebef1;
padding: 0 8px 0 25px;
color: #fff;
font-weight: bold;
background: rgba(34, 34, 34, .2) url(search.png) left center no-repeat;
}
.gamma {
display: block;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
text-align: center;
font-weight: bold;
margin: 5px 0px 0px;
background: #7CB854;
}
.delta {
display: block;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
text-align: center;
font-weight: bold;
margin: 5px 0px 0px;
background: #7CB854;
}
.blue {
background: #5ebef1;
}
a:link, a:visited, a:hover, a:active {
color: #fff;
text-decoration:none;
}
.circular {
width: 225px;
height: 100px;
border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px; /* 0px 0px 5px 5px */
background: url(logo.jpg) no-repeat;
margin: 0px 0px 5px;
}
fieldset{
border:none;
}
.search{
border:none;
}