html 初学者 在练习jquery时遇到的问题

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里面

10个回答

作为一个初学者,我建议你
1.代码不要写成一团,这样会影响到想帮你解决问题的人,句与句之间尽量回车换行。
2.要学会看w3cSchool的的文档。
3.学会用浏览器调试代码,例如用Chrome(审查元素)。
针对你的问题,用Chrome样式调试input就能是否能用border设置边框,若不行,再去W3c翻阅相关文档。

在input上去直接定义他的border 为10px。看一看有没有效果。

miaomiaosama
miaomiaosama 感觉好像隐藏一样。但是可以输入东西,可以copy旁边文本框里的值
接近 3 年之前 回复
miaomiaosama
miaomiaosama 效果就是不显示文本框了
接近 3 年之前 回复

多看,多敲代码,才能熟能生巧,灵活运用

style="border:10px solid red"

因为我是直接复制的,所以都缩成一团了,嘿嘿。
我用过浏览器调试,但是他没有出现问题,是不是因为是文本框所以就不能设置边框啊?

为啥文本框的就要后面加一个solid,而在table标签中就不要呢?

kanglovejava
李帅康 有些问题呢,没有为啥,只有是啥,工作中哪有那么多为啥呢,重要的是看结果。实在纠结就去百度找答案
接近 3 年之前 回复

也是,仁兄机智!嘿嘿(^o^)/

这实在是没法看,solid表示的是实线

我没看你的代码,就你问题来说:设边框,你要有solid (实线)才能看到样式效果

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!