[英]use css attributes “filter: alpha(opacity=70);” and “background-image: url(image.png);” on input box
可以使兩個人單獨工作,但無法使他們一起工作。 這是在Windows側邊欄小工具中使用的。
形成:
<form name="llPeople" action="URL" method="get" target="newwindow">
<input id="phonebook" class="blur" type="text" name="peo_name" size="15" value="Search Phonebook.."
onFocus="document.getElementById('phonebook').value = ''; document.getElementById('phonebook').className = 'focus';"
onBlur="document.getElementById('phonebook').value = 'Search Phonebook..'; document.getElementById('phonebook').className = 'blur';" />
</form>
CSS:
#phonebook.focus
{
background-image: url(images/searchBack.png);
background-repeat: no-repeat;
width: 124px;
height: 16px;
position: relative;
}
#phonebook.blur
{
background-image: url(images/searchBackW.png);
background-repeat: no-repeat;
width: 124px;
height: 16px;
position: relative;
}
#intranet
{
width: 124px;
height: 16px;
}
input
{
font-size: 10px;
filter: alpha(opacity=70);
}
我認為您需要一個“背景色”,因為現在它是“透明的”,您可以使用:
background-color: #fff;
謝謝! 將其添加到其他屬性之上可以完美地工作:
#phonebook.focus
{
background-color: #fff;
background-image: url(images/searchBack.png);
background-repeat: no-repeat;
width: 124px;
height: 16px;
position: relative;
}
#phonebook.blur
{
background-color: #fff;
background-image: url(images/searchBackW.png);
background-repeat: no-repeat;
width: 124px;
height: 16px;
position: relative;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.