html中是不是文本框就不能使用border:10px来设置边框啊?我想用CSS写个类的
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script style="text/javascript" src="js/jquery-1.8.3.js">
</script>
<script style="text/javascript">
function id_click(){
//alert($("#username").val());
var name=$("#username").val();
$("#copyname").val(name);
}
function element_click(){
$("input").each(function(){
alert($(this).val());
});
}
function selectall_click(){
alert($("*").length);
}
function selectorn_click(){
alert($("input,ul").length);
}
</script>
<style type="text/css">
.iname{
border-color:red;
}
.uname{
# **/*border:10px;*/**
border-color:blue;
}
</style>
</head>
<body>
<input type="text" id="username" class="iname" name="username"/>
<input type="button" value="id选择器" onclick="id_click();">
<input type="text" id="copyname"class="uname"/>
<input type="button" value="元素选择器"onclick="element_click();"/>
<input type="button" value="所有元素" onclick="selectall_click();"/>
<input type="button" value="混合查找" onclick="selectorn_click();">
<div style="width:300px;height:1000px;border:1px solid red;">
<ul>
<li>足球</li>
<li>篮球</li>
<li>羽毛球</li>
<li>橄榄球</li>
<li>乒乓球</li>
</ul>
</div>
</body>
</html>
在上面的css中 有问题的语句在 . uname里面
作为一个初学者,我建议你
1.代码不要写成一团,这样会影响到想帮你解决问题的人,句与句之间尽量回车换行。
2.要学会看w3cSchool的的文档。
3.学会用浏览器调试代码,例如用Chrome(审查元素)。
针对你的问题,用Chrome样式调试input就能是否能用border设置边框,若不行,再去W3c翻阅相关文档。
在input上去直接定义他的border 为10px。看一看有没有效果。
多看,多敲代码,才能熟能生巧,灵活运用
因为我是直接复制的,所以都缩成一团了,嘿嘿。
我用过浏览器调试,但是他没有出现问题,是不是因为是文本框所以就不能设置边框啊?
style="border:10px solid red"
为啥文本框的就要后面加一个solid,而在table标签中就不要呢?
也是,仁兄机智!嘿嘿(^o^)/
这实在是没法看,solid表示的是实线
http://w3school.com.cn/jquery/index.asp
可以在这学习一下。
http://tool.oschina.net/codeformat/html
格式化HTML。
我没看你的代码,就你问题来说:设边框,你要有solid (实线)才能看到样式效果