css如何选中那个按钮,并把它放到输入框的右下角

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css如何选中那个按钮,并把它放到输入框的右下角相关的知识,希望对你有一定的参考价值。

<%@page contentType="text/html;charset=gbk" %>
<link rel="stylesheet" type="text/css" href="css/addMenu.css">
<body>
<div class="divcon">
<div>
<div>菜单名称:<input/>
</br>
<input type="button" value="添加"/>
</div>
</div>
</div>
</body>

参考技术A <%@page contentType="text/html;charset=gbk" %>
<link rel="stylesheet" type="text/css" href="css/addMenu.css">
<body>
<div class="divcon">
<div>
<div>菜单名称:<input/>

<input type="button" value="添加"/>
</div>
</div>
</div>
</body>本回答被提问者采纳

如何设置输入文件文本框的样式? [复制]

【中文标题】如何设置输入文件文本框的样式? [复制]【英文标题】:How can I style input file textbox? [duplicate] 【发布时间】:2011-06-17 22:49:38 【问题描述】:

如何使用 css 为输入文件类型设置 html 样式,以及更改浏览按钮,谢谢

【问题讨论】:

【参考方案1】:

你不能!

你可以用flash来模拟一个文件盒。

【讨论】:

【参考方案2】:

简答

你不能。

长答案

使用opacity 使您的文件输入不可见,然后创建一个包含普通文本输入和一个按钮的假div,将其绝对定位以使其覆盖真实输入,然后将其z 索引设置为低于真实输入。为元素设置样式。

当用户点击文本输入或按钮时,他们实际上会点击透明的真实输入。

工作示例:styled file input

【讨论】:

这将触发 NoScript 的 ClearClick 功能,该功能会在用户与部分隐藏的表单元素进行交互时向用户发出警告 - 它看起来像是正在执行恶意操作,尽管在这种情况下,它显然不是恶意的。 你是对的——它会的。不过,它仍然是一种将样式应用于文件输入的工作方法。【参考方案3】:

你不能。

您可以使用 Flash 控件(通常需要注意事项),或者将自定义控件绝对定位在现有控件之后,并将其 opacity 设置为 0

这样,对您的自定义控件的明显点击实际上会点击您不可见的输入input

您可以使用 JavaScript 从input 捕获文本。浏览器通常只限制您使用文件名。

【讨论】:

以上是关于css如何选中那个按钮,并把它放到输入框的右下角的主要内容,如果未能解决你的问题,请参考以下文章

CSS如何在输入框的末尾有一个图像

如何将软件放到右键菜单中

高分!重赏!如何在word文档中悬挂2字符!

用CSS在不破坏一张图的内容的情况下 怎么把它放到比它小的div中

在winform中如何获取两个单选框中选中的那个值

layui数据表格实现批量删除