html - 可以在 <g :actionSubmit> tag? 中添加 css

标签 html css grails

我的意思是:我有一个上传表单:

<g:form method="post" enctype="multipart/form-data">
<input type="file" name="cv" id="cv" style=" max-width:120px"/>
<g:actionSubmit action="upload" name="upload" value="Upload" />

一旦标签在最终页面呈现,我就有了

<input type="submit" value="Upload" name="_action_upload">

也就是“上传”按钮。但是,在名为“cv”的输入中,如您所见,我有一些 css 来保持文本框增长太多。 (最大宽度:120px)

我的问题是,上传按钮现在出现在文本框上方,一旦选择,就会在其中写入要上传文件的名称和路径。而且我不知道如何管理它,如何移动那个按钮并且只移动那个按钮。这可能吗?

我尝试将 css 添加到 actionSubmit 标记本身,但它移动了整个表单。

谢谢。

最佳答案

Float 离开了你的输入文件。输入是内联 block 。这就是为什么它导致整个行随着按钮一起下降。 float 它会变成方 block 。

<input id="cv" type="file" style=" max-width:120px; float:left;" name="cv">

关于html - 可以在 <g :actionSubmit> tag? 中添加 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14481597/

相关文章:

CSS3 动画变换旋转,没有可见的过渡

grails webflow - 将非序列化模型传递给 View

jquery - Grails RemoteFunction 使用具有 Jquery 的模板更新 View ,确实可以识别模板中的元素

grails - webtest 和 grails 的性能问题

html - 更改背景颜色 HTML 区域坐标

javascript - 为每个选中的复选框创建隐藏输入

ASP.NET:设置 Label 控件的样式时出现奇怪的输出

javascript - 我可以使用 queryselector 和 foreach 在 javascript 中获取直接元素吗?

html - 我如何使用 CSS 使我的下拉菜单淡入

jquery - Mega Nav 适用于除以下 IE8 以外的任何浏览器。