Question

也许有一种CSS样式，但是，我希望我的TextBox看起来像一个标签。当它被聚焦时，我希望它看起来像应用的任何CSS样式。我正在使用bootstrap，这将是风格。

有没有办法做到这一点？

我有一个网格视图，我想让用户在不使用编辑模式的情况下重命名。

由于

（编辑）

我指的是一个可编辑的标签：见http://dotnetspeaks.net/post/exm/EditableLabel.aspx

Answer 1

这是一个疯狂的猜测（因为问题本身有点模糊）：

input {
    border: none;
    padding: 2px;
}
input:focus {
    border: 1px solid black;
}

并且，voila!（以及more traditional）

的版本

Answer 2

您可以使用文本框使其显示为标签，并在单击或焦点上将其设置为文本框。（只是一种方法，问题有点令人困惑。）

<script type="text/javascript">
function TextBox2Label()
{
    var control=document.getElementById("<%=TextBox1.ClientID %>");
    control.style.borderStyle="none";
    control.style.backgroundColor="Transparent";
    control.style.fontStyle.fontColor="Black";    
    control.readOnly=true;
}        
</script>

单击时变为文本框的标签？

2 个答案: