我想增加我的 grails 应用程序中文本输入字段的大小(宽度)。 我搜索了 main.css 并找到了一个 textarea 条目,在那里我成功地增加了 textarea 的大小。
是否有输入文本字段的等效项?或者如何增加它们?
彼得 德国多特蒙德
最佳答案
尝试这样的事情:
这是一个奇特的搜索字段,当您单击输入文本字段时,它会展开...
普惠制
<div class="form-controller" id="s2">
<g:remoteField placeholder="${message(code: 'search.navbar.placeholder', default: 'Search ...')}" name="q" class="form-control" update="searchPanel" paramName="q" url="[controller:'environments', action:'search']"></g:remoteField>
</div>
CSS
#s2 {
display: inline-block;
*zoom: 1;
*display: inline;
}
#s2 input {
background: url(../images/search/search-white.png) no-repeat 10px 6px #fcfcfc;
border: 1px solid #d1d1d1;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
/* width: 150px;*/
margin-left: 1em;
padding: 6px 15px 6px 35px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: all 0.7s ease 0s;
}
#s2 input:focus {
width: 200px;
background: url(../images/search/search-dark.png) no-repeat 10px 6px #fcfcfc;
color: #6a6f75;
}
关于css - 如何在grails中设置文本域大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27488583/