css - 如何在grails中设置文本域大小

Question

我想增加我的 grails 应用程序中文本输入字段的大小(宽度)。我搜索了 main.css 并找到了一个 textarea 条目，在那里我成功地增加了 textarea 的大小。

是否有输入文本字段的等效项？或者如何增加它们？

彼得德国多特蒙德

Answer 1

尝试这样的事情:

这是一个奇特的搜索字段，当您单击输入文本字段时，它会展开...

普惠制

<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;

}