input text文本框内部最后面放一个按钮
.ContSpan
{
border: 1px solid #;
display: inline-block;
}
.ContSpan span
{
cursor: pointer;
background: url("/image/add.png") no-repeat scroll 1px 3px transparent;
cursor: pointer;
display: inline-block;
height: 20px;
opacity: 0.6;
overflow: hidden;
vertical-align: top;
width: 18px;
}
.ContSpan input
{
border: none;
width: 128px;
}
.spFocus //鼠标放上去 改变透明度
{
opacity: ;
}
<span class="ContSpan">
<input type="text" isck="ck" id="txtpayment" readonly="readonly" />
<span id="payment" attrid="payment" attrname="change" title="选择"></span>
</span>
效果图:
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAaCAIAAACLhQF1AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADDElEQVRoge3azU8TQRjH8eeZ2W5ftNKXlbJYSgBFWpAY0cQ3KnLhoCcTjF64SPibBA9y4Y4hHgjEs/ZSIr4XRcJLWvrCtl1Lu+3OeJB4U7eJSljmc9xpfpnD99LNYjKZTCQSIAgAU1NTvzqS/vgL4ZiYmZn5zSn5b/cQjjQRimCJdNgXEP6hl6lXy6svFE+AMwAOiLRQLl7quTg2NIqITU2JUGyrXC0vry4/Gp1UfaGfD4uV8vTzp7HI+UhruKk1EYpt6VU9cCKg+kLPPs1vFDeQEr/b/zD6oEvtLpQKIhQBtIqW0TK5Ys6oGyY3U/m1VDYFEihepcZqRt3Y2d3yOD2+k75Wv2JxU4RiN4kvicXVxbYWlTXMvvY+isQpOYmDUEpdkgsAu0OR12uvdzRtdy831Ds4dmXEyqwIxW6W3i5N3ppUfaoJjAKp1CumaR6ccdCr+rXY0NXYEAJq38qP52dFKMeU1+lVferC+4UP6Q/EQTjy7H7WSZ1IUTf0uXdzDofDAKPDGx7vvh8KtFmcFaHY06a2uZZZAyeghLIsS1QiQBq8sV5aBwIGGBw5B84ZszgoQrEnRAQCiIiACAgAHDgePADkP96icG55UIRiPwgArZ7WcEuYyIQTXjSKDdYAChJKQXeQStTgxmn3aQRCiNVX8yIUu9Grpfy3/L3Be3cH7gCHSn1/dmU2tZeiQP1u/0T/hOIJIkEJpP1aNatlLc6KUOzmZt/w9IuZjmAna7BIIHx7YESiEgfOgQNCwONf/fzpzfo7ySGns+lo51mLsyIUu4n3xmNqbLuwnSvmVr6uxPuHDdNgDcaAGQ2DA/+4lfK5XN1nzo5euN6uiH89x5jiVRSvktbSH9MpijRyKmIyk1AMuIMykZ2yq6stMtgz0NSmCMW23LJ7T8/n9b3x2DgDBgAEyH6tupH5ernJSkCEYmMtnpYb0eHppSeqr40z5BwJkGwxd07t6QxFml0TodjZSDQ+Eo3/lamDUH7/vaQgYDKZPOw7CEcAlkqlw76DcASIj6sFS0QogiXfAR9sGxfmVO4zAAAAAElFTkSuQmCC" alt="" />
input text文本框内部最后面放一个按钮的更多相关文章
- html5与js关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick="select();"。做购物车页面时会要用到。
关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="s ...
- HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法;让文本域前面的内容显示在左上角,居中
HTML中让表单input等文本框为只读不可编辑的方法 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使input text的内容,中国两个字不可以修改 有时候,我们希望 ...
- jquery选中将select下拉框中一项后赋值给text文本框
jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件. ...
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
js中对arry数组的各种操作小结 最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...
- js获取子节点和修改input的文本框内容
js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 ...
- 【Unity笔记】UGUI的Text文本框的大小随着文本字数变化
需求:UGUI的Text文本框的内容会随着文本字数多少/换行而自动改变大小. 给Text加一个Content Size Filter组件(脚本),设置Horizontal Fit和Vertical F ...
- RookeyFrame Bug 编号显示 系统自动生成 的问题,有时候依旧会显示text文本框
编号显示 系统自动生成 的问题,有时候依旧会显示text文本框 1.在线新建model -> 启用编码规则 -> 新建字段Code(主键) 2.跟Code字段 创建编码规则 3.新增菜单 ...
- Tkinter 之Text文本框标签
一.参数说明 语法 作用 t=tk.Text()t.insert(END,'插入的文本信息') INSERT:光标的插入点CURRENT:鼠标的当前位置所对应的字符位置END:这个Textbuffer ...
- HTML:<input type="text">文本框不可编辑的方式
1.<input type="text" name="name" value="姓名" disabled /> 该方式显示的文本 ...
随机推荐
- Javascript 细节优化技巧(转)
break 语句和 continue 语句 break语句和continue语句都具有跳转作用,可以让代码不按既有的顺序执行. break语句用于跳出代码块或循环. var i = 0; while( ...
- jQuery事件处理(七)
1.自定义事件(用户手动trigger的一般都是自定义事件) trigger: function( event, data, elem, onlyHandlers ) { var i, cur, tm ...
- [PHP] Compile an extension on Windows
https://wiki.php.net/internals/windows/stepbystepbuildhttp://blog.benoitblanchon.fr/build-php-extens ...
- LeetCode 49 Group Anagrams(字符串分组)
题目链接: https://leetcode.com/problems/anagrams/?tab=Description Problem:给一个字符串数组,将其中的每个字符串进行分组,要求每个分 ...
- openstack-networking-neutron(二)---tun/tap
本博客已经添加"打赏"功能,"打赏"位置位于右边栏红色框中,感谢您赞助的咖啡. 简介 虚拟网卡Tun/tap驱动是一个开源项目,支持很多的类UNIX平台,Ope ...
- SSH使用秘钥和别名登陆服务器
手工配置免密码及别名登陆 第一步:生成秘钥 $ ssh-keygen -t rsa 第二步:上传公钥到目标服务器 $ ssh-copy-id -i ~/.ssh/id_rsa.pub <romt ...
- 【CF772D】Varying Kibibits FWT
[CF772D]Varying Kibibits 题意:定义函数f(a,b,c...)表示将a,b,c..的10进制下的每一位拆开,分别取最小值组成的数.如f(123,321)=121,f(530, ...
- mac常用工具
这里我整理一下,mac上经常要用的的工具(仅供参考): Homebrew HomeBrew是Mac下面的一个包管理器,方便我们安装一些Mac OS没有的UNIX工具.软件. iTerm2 iTerm2 ...
- js模拟点击打开超链接
js模拟点击打开超链接,页面上有一些锚文本,如果用 JS 批量在新窗口打开. jquery示例: <div class="link"> <a href=" ...
- CmD空格转义的三种方法,总有一种会解决问题
CmD空格转义 在cmd中,如果路径中存在空格报错 可以有三种解决方法: 1.将存在空格的路径用双引号包起来,如:"D:/Program Files/xx"; 2.将存在空格的名称 ...