Question

我尝试使用搜索功能创建导航。当我输入文本输入字段时，不显示任何内容。另外如何停用悬停效果？ ...使用w3.css框架。感谢view image here

<div class="w3-top">
<ul class="w3-navbar w3-cyan text-color-black w3-large" style="height:         49px; color: black">
 <li><a href="#">Hello</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Log Out</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Dashboard</a>       </li>
 <li class="w3-right" style="font-size: 90%"><a href="#">Bookmarks</a></li>
<input class="w3-input w3-border w3-small" style="width: 350px; height: 30px; margin-left: 400px; margin-top: 10px" name="first" type="text" placeholder="search names here">
<button class="w3-btn w3-small w3-white w3-border w3-round" style="margin-left: 615px; margin-top: -30px; height: 30px">Search</button>
<!--<" style="width:450px; height:28px; margin-left: 390px; margin-top: 20px; font-size: 70%" name="first" type="text">-->
</div>
 </ul>
 </div>

Answer 1

我无法弄清楚为什么在</div>删除之前有一个结尾</ul>标记。

<div class="w3-top">
<ul class="w3-navbar w3-cyan text-color-black w3-large" style="height:         49px; color: black">
 <li><a href="#">Hello</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Log Out</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Dashboard</a>       </li>
 <li class="w3-right" style="font-size: 90%"><a href="#">Bookmarks</a></li>
<input class="w3-input w3-border w3-small" style="width: 350px; height: 30px; margin-left: 400px; margin-top: 10px" name="first" type="text" placeholder="search names here">
<button class="w3-btn w3-small w3-white w3-border w3-round" style="margin-left: 615px; margin-top: -30px; height: 30px">Search</button>
<!--<" style="width:450px; height:28px; margin-left: 390px; margin-top: 20px; font-size: 70%" name="first" type="text">-->
</div> <!--please remove this line --> 
 </ul>
 </div>

Answer 2

＆＃13;

<div class="w3-top">
<ul class="w3-navbar w3-cyan text-color-black w3-large" style="height:         49px; color: black">
 <li><a href="#">Hello</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Log Out</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Dashboard</a>       </li>
 <li class="w3-right" style="font-size: 90%"><a href="#">Bookmarks</a></li>
<input class="w3-input w3-border w3-small" style="width: 350px; height: 30px; margin-left: 400px; margin-top: 10px" name="first" type="text" placeholder="search names here">
<button class="w3-btn w3-small w3-white w3-border w3-round">Search</button>
<!--<" style="width:450px; height:28px; margin-left: 390px; margin-top: 20px; font-size: 70%" name="first" type="text">-->
</div> <!--please remove this line --> 
 </ul>
 </div>

＆＃13;

这是因为按钮层位于输入类型层之上。所以你什么都不能打字。您需要删除该按钮的所有内联CSS。

你好

登出仪表板书签搜索 - ＆GT;

请立即查看。它在代码片段中工作

输入字段无法在w3.css中显示文本

2 个答案: