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