91久久久久久久久_欧美日韩中文_在线观看中文字幕亚洲_夜夜骑首页_精品久久伊人_天天色天天射天天操

當前位置: 首頁IT技術 → input按鈕加背景IE7 IE6去黑框的方法

input按鈕加背景IE7 IE6去黑框的方法

更多
現在做Web UI的都希望自己表單的input按鈕多么多么美觀,于是使用各種按鈕背景

背景可以采用簡單的漸變或者高光背景然后repeat-x,邊框直接設置border就可以了,似乎這種想法沒有問題

IE9,IE8下沒發現什么問題,IE7或者IE6會出現黑框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>input按鈕加背景,IE7或者IE6會出現黑框</title>
<style type="text/css">
<!--
.hk {
height:22px;
border:#999 1px solid;
background:#E5E5E5 url(pn.png) repeat-x 0 0;
cursor:pointer;
}
-->
</style>
</head>

<body>
<input type="submit" name="Submit" value="登陸" class="hk" style="width:70px;" />
</body>
</html>


解決方法:
1、如果設置border:none,也就是說不要border,那么這種黑框就沒有了,所以有種解決辦法是直接把框寫死到背景上,然后去除border,即設置border:none。這個按鈕樣式的背景羅列。這種辦法的缺點想必大家都清楚,就是靈活性差了點,有多少size的按鈕就要準備多少size的背景

2、input按鈕去除框線(border:none),然后input外面套上label,border寫到label上,由于input被去除了border,所以不會出現黑框,同時外面的label有border,所以用戶可以看到正常的框線,當然由于label的特性,你點擊label的時候也等于點擊了input按鈕,哦,對了,為了模擬得更好一點,你可以設置他們的cursor為pointer
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>input按鈕加背景,解決IE7或者IE6會出現黑框</title>
<style type="text/css">
<!--
.pn {
height:22px;
border:none;
background:#E5E5E5 url(pn.png) repeat-x 0 0;
cursor:pointer;
}
.l_pn {
display:block;
border:#999 1px solid;
}
-->
</style>
</head>

<body>
<label class="l_pn" style="width:70px;">
<input type="submit" name="Submit" value="登陸" class="pn" style="width:70px;" />
</label>
</body>
</html>
熱門評論
最新評論
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 欧美久久久久久久久 | 青青国产 | 丰满岳乱妇一区二区 | 久久精品美女 | 久久欧美 | 羞羞的视频在线观看 | 久久久久综合 | 亚洲天堂久久久 | 日韩精品一区二区三区免费视频 | 大乳女喂男人吃奶 | 国产成人在线播放 | 欧美日韩高清在线 | 国产精品成人一区 | 久久久久久毛片 | 99视频免费在线观看 | 中文字幕免费视频 | 欧美成人免费 | 中文字幕免费在线看线人动作大片 | 岛国精品在线播放 | 91久久久久| 欧美日韩第一区 | 日本aaaa| 欧美在线亚洲 | 成人午夜视频在线观看 | 韩国精品一区二区 | 国产色站 | 国产免费a | 欧美精品成人一区二区在线观看 | 日韩免费在线 | 在线免费国产 | 国产一区二区日韩 | 日韩二三区 | a免费视频| 亚洲aaaaaa| 亚洲免费精品视频 | 视频一区二区三区在线观看 | 国产99对白在线播放 | 91视频网页 | 深夜福利网 | 日韩av在线免费播放 | av网站免费在线观看 |