<form action="" name="" id="" role="search" method="get"> <fieldset class="search"> <label class="assistive-text" for="s">Search</label> <input type="search" name="s" id="" class=""> <input type="submit" class="" id="" value="search"> </fieldset> </form>
.assistive-text{
clip:rect(1px 1px 1px 1px);
position:absolute !important
}
clip:裁剪绝对定位的元素;
这里面的lable标签,绝对定位,然后被裁剪,所以在页面上看不见"search"文字
本文介绍了一种使用CSS裁剪属性和绝对定位隐藏搜索标签文本的方法,通过将标签定位为绝对并应用裁剪,使其在页面上不可见,同时保留了搜索功能的可用性。
518

被折叠的 条评论
为什么被折叠?



