从外部样式表中不采取CSS样式的搜索框表格
问题描述：
我有一个外部样式表和我正在处理的html页面。正确链接的CSS文件和页面正在采用除我为搜索框添加的表单之外的样式。下面是HTML：从外部样式表中不采取CSS样式的搜索框表格
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>ASA Databse</title>
</head>
<body>
<h1 align="center">Autism Resources</h1>
<form align="center">
<input type="text" placeholder="Enter Query..." required>
<input type="button" value="Search Database">
</form>
<table align="center">
<tr>
<th>Title</th>
<th>Type</th>
<th>Item Number</th>
<th>Status</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="even">
<td>Charles d'Orleans</td>
<td>Poemes</td>
<td class="money"></td>
<td class="money">$5,866.00</td>
</tr>
<tr>
<td>T.S. Eliot</td>
<td>Poems 1909 - 1925</td>
<td class="money">$1,250.00</td>
<td class="money">$8,499.35</td>
</tr>
<tr class="even">
<td>Sylvia Plath</td>
<td>The Colossus</td>
<td class="money"></td>
<td class="money">$1031.72</td>
</tr>
</table>
</body>
这里是CSS：
body {
font-family: Arial, Verdana, sans-serif;
color: #111111;}
table {
width: 1000px;}
th, td {
padding: 7px 10px 10px 10px;}
th {
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 90%;
border-bottom: 2px solid #111111;
border-top: 1px solid #999;
text-align: left;}
tr.even {
background-color: #efefef;}
tr:hover {
background-color: #207cca;}
.money {
text-align: right;}
form {
width: 500px;
margin: 50px auto;}
.search {
padding: 8px 15px;
background: rgba(50, 50, 50, 0.2);
border: 0px solid #dbdbdb;}
.button {
position: relative;
padding: 6px, 15px;
left:-8px;
border: 2px solid #207cca;
background-color: #207cca;
color: #fafafa;}
.button:hover {
background-color:#fafafa;
color:#207cca;}
造型形式的宽度和利润没有被落实到搜索栏后...谢谢您提前为您提供帮助！
答
您的样式表中有.search，但没有class="search"的元素。
尝试：
<input type="text" placeholder="Enter Query..." id="search" class="search" name="search" required>
+0
只是想我会提到，我相信你只需要'class ='search''部分。干杯! – Edge 2015-02-12 01:43:15
+0
是的，你说得对@Edge，但是如果在将来的任何时候增加一个'
答
点表示CSS中的类，并且您的元素没有类。
你使用Chrome检查（或任何调试器）查看究竟哪些被应用到窗体对象样式？ – 2015-02-11 23:42:28
不，我不是。我猜这是一个Chrome扩展？我现在就明白了。 – Edge 2015-02-11 23:47:48