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 浮点数陷阱及解法
众所周知,JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果,如 0.1+0.2=0.30000000000000004.1-0.9=0. ...
- SSL & TLS & STARTTLS
https://www.fastmail.com/help/technical/ssltlsstarttls.html SSL vs TLS vs STARTTLS There's often qui ...
- sencha touch list更新单行数据
http://www.cnblogs.com/mlzs/p/3317570.html 如此章所说,点击按钮需要实时更新视图 操作代码如下: onTasteUp: function (list, rec ...
- jvisualvm连接远程应用终于成功,附踩大坑记录!!(二:jmx方式)
一.问题概述 参考前一篇: jvisualvm连接远程应用终于成功,附踩大坑记录!!(一:jstatd方式) 这篇主要讲讲jmx方式. 二.启动前设置jmx参数 我这边拿tomcat举例,其余java ...
- linux 简单搭建git服务器
如果使用git的人数较少,可以使用下面的步骤快速部署一个git服务器环境. 1. 生成 SSH 公钥 每个需要使用git服务器的工程师,自己需要生成一个ssh公钥进入自己的~/.ssh目录,看有没有用 ...
- 去除select边框和三角-----appearance:none
今天发现一个比较有意思的属性,appearance:none 可能有朋友不认识,但是有一个标签你肯定认识:select. 这个标签的样式是这样的: 一般情况下,我们所使用的border:0; 去除边框 ...
- 5-5 ES6的模块化的基本规则或特点
一.AMD, CMD, CommonJs和ES6对比 1.AMD ==> 是RequireJS在推广过程中对模块定义的规范化产出 // RequireJS定义标准, 导步加载依赖, 依赖前置 d ...
- Unity3D Shader落雪效果
Shader "Custom/Snow" { Properties { _MainTex ("Base (RGB)", 2D) = "white&qu ...
- windows中安装pip,setuptools,django等
1,安装Python3.6 (下载exe文件,双击安装) 注意设置环境变量,让Python的在任意位置都可以执行 .Python 下载地址:https://www.python.org/do ...
- iOS - ShareSDK第三方分享(图文和视频)和登录
由于近期工作需要自己抽时间搞了一下第三方分享,这里使用的是shareSDK的第三方,在使用的过程中有一些心得和体会,特在此和大家分享一下~ 1.在经过将近一周时间的开发,终于搞定ios分享了. 2.由 ...