HTML/CSS：如何獲得具有單個邊框的框？

-1

我需要一個由灰色框包圍的簡單列表（3行文字）。我知道我需要實現模糊而不是「關閉」按鈕。
這是我到目前爲止...
我不能發送文本值傳輸。
幫助！HTML/CSS：如何獲得具有單個邊框的框？

<script> function $(id) { return document.getElementById(id); } </script> 
<input name="media" id="media" type="text" /> 
<input type="button" value="..." 
    onclick="$('keypad').style.display='inline-block';"/> 
<div id="keypad" style="display:none; background:#CCC; vertical-align:top;"> 
<input type="text" value="Canvas" onclick="$('media').value='Canvas';"/><br/> 
<input type="button" value="Done" onclick="$('keypad').style.display='none'"/> 
</div>

來源

2009-10-24 Web 8080

「border：1px solid gray」的問題究竟是什麼？ – hasen 2009-10-24 17:14:55

其實，在運行你的示例html之後，我沒有看到代碼和你的問題 – hasen 2009-10-24 17:54:29

OMG之間的關係！這是幾天前發佈的響應的翻錄版本：http://stackoverflow.com/questions/1549359/how-to-fill-up-numbers-in-a-form-field-via-a-popup -key-padusing-javascript-ajax/1562027＃1562027 看看$（）函數，樣式和id的LOL！ – Peter 2009-10-24 18:06:45

<script> function $(id) { return document.getElementById(id); } </script> 
<input name="media" id="media" type="text" /> 
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/> 
<div id="keypad" onmouseout="$('keypad').style.display='none'" style="display:none; background:#CCC; vertical-align:top;border:1px solid grey;"> 
<input type="text" value="Canvas" onclick="$('media').value = $('mediain').value;" id="mediain" onblur="$('keypad').style.display='none'"/><br/> 
</div>

來源

2009-10-24 16:59:11 CodeJoust

border: 1px solid black;

來源

2009-10-24 16:59:14

你模仿的原型框架，但可能會得到更多的出來。首先，如果您將點擊/模糊事件設置爲抽象事件，則代碼將更清晰並且更具跨瀏覽器兼容性。

如果要顯示/隱藏的元素使用

$('elementID').show(); 
$('elementID').hide();

如果你得到一個形式值使用：

$F('elementID');

或設置窗體值：

$F('elementID') = 'newValue';

我無法真正理解你想要做什麼 - 你的問題是：'3行文字'並不真正反映你所擁有的代碼STED ...

來源

2009-10-24 17:00:46

我不太清楚有關獲取文本值傳遞你的意思，但應該只是一個單一的灰色邊框的盒子

<div style="border: 1px solid #AAAAAA;"> 
<!-- your list here --> 
</div>

我花了太長時間打字，我我只是把你的問題的邏輯部分轉交給你adam的答案。

來源

2009-10-24 17:05:10 Pops

HTML/CSS：如何獲得具有單個邊框的框？

回答

相關問題