點(diǎn)擊文本框后邊框變成藍(lán)色怎么實(shí)現(xiàn)的？
點(diǎn)擊文本框后邊框變成藍(lán)色怎么實(shí)現(xiàn)的？
不蒸饅頭丶蒸口氣3307663
2016-09-05
7 回答
舉報(bào)
0/150
提交
取消
2016-09-05
通過css對文本框的樣式進(jìn)行設(shè)置。
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>text</title>
? ? <style type="text/css">
? ? ? ? #textarea{
? ? ? ? ? ? border: 2px solid blue;
? ? ? ? }
? ? ? ? p{
? ? ? ? ? ? border: 2px solid green;
? ? ? ? ? ? padding: 10px;
? ? ? ? }
? ? </style>
</head>
<body>
? ? <textarea name="textarea" id="textarea" cols="30" rows="10">這是使用css控制文本輸入框的樣式</textarea>
? ? <p>當(dāng)然也可以用css控制段落、文本的樣式，使其擁有一個(gè)邊框。</p>
</body>
</html>
2016-11-16
來回答一個(gè)題外話
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 文本框內(nèi)容改變事件 </title>
<script type="text/javascript">
? function message(){?
? ? var dd=document.getElementsByName("summary")[0];
? ? dd.style.border="2px solid blue";?
? ? }
? function outMessage() {
? var dd=document.getElementsByName("summary")[0];
? dd.removeAttribute('style');
? }
</script> ? ?
</head>?
<body>?
? <form>?
? 個(gè)人簡介：<br>
? ?<textarea name="summary" cols="60" rows="5" onfocus="message()" onblur="outMessage()">請寫入個(gè)人簡介，不少于200字！</textarea>
? </form>
</body>
</html>
2016-10-10
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 文本框內(nèi)容改變事件 </title>
<script type="text/javascript">
? function message(){?
? ? var dd=document.getElementsByName("summary")[0];
? ? dd.style.border="2px solid blue";?
? ? }
</script> ? ?
</head>?
<body>?
? <form>?
? 個(gè)人簡介：<br>
? ?<textarea name="summary" cols="60" rows="5" onchange="message()">請寫入個(gè)人簡介，不少于200字！</textarea>
? </form>
</body>
</html>
2016-09-10
textarea文本框應(yīng)該有個(gè)內(nèi)置邊框色，而且看起來應(yīng)該就是藍(lán)色；當(dāng)你設(shè)置其他邊框色，點(diǎn)擊textarea文本框；會(huì)在原本的顏色上疊加藍(lán)色
上圖是沒有點(diǎn)擊textarea文本框之前設(shè)置的粉色；下圖點(diǎn)擊文本框后，在原本的粉色上疊加了藍(lán)色，而且邊框粗細(xì)應(yīng)該是1px，我設(shè)置的粉色是3px，
2016-09-10
什么都不設(shè)置，點(diǎn)擊文本框不也是邊框變藍(lán)色呢？
2016-09-05
onclick=message();
2016-09-05
css?