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 /> 该方式显示的文本 ...
随机推荐
- 百度编辑器(UEditor)自定义工具栏
百度编辑器(UEditor)自定义工具栏的自定义 百度编辑器默认功能比较齐全,但是不一定是我们所需要的,有的功能可以去掉,用自己想要的就可以了,可以参考百度官方文档! 百度编辑器默认配置展示界面 如何 ...
- 原生js--键盘事件
键盘事件知识点: 1.如果用户按键事件足够长,在keyup事件触发之前,会触发多次keydown事件 2.通过keyCode(charCode firefox)指定按下的是哪个键,采用unicode编 ...
- SharpGL学习笔记(十一) 光源创建的综合例子:光源参数可调节的测试场景
灯光的测试例子:光源参数可以调节的测试场景 先看一下测试场景和效果. 场景中可以切换视图, 以方便观察三维体和灯光的位置.环境光,漫射光,镜面反射光都可以在四种颜色间切换. 灯光位置和摄像机位置(Lo ...
- EXPLAIN 具体含义 ( type possible_key key key_len ref )
- sencha touch 监听视图切换动画(animation)
var animation = this.getLayout().getAnimation(); //添加监听 animation.on({ scope: this, animationend: 'o ...
- 2015.7.12js-11(DOM基础)
1.childNodes,获取子节点,本身就是一个数组,可以通过下标childNodes[i]来获取某个子节点. alert(obj.childNodes.length); //高级浏览器会有空白节点 ...
- IOS 7 更改导航栏文字到白色
To hide status bar in any viewcontroller: -(BOOL) prefersStatusBarHidden { return YES; } To change t ...
- 解决jenkins下使用HTML Publisher插件后查看html报告显示不正常
在jenkins后使用html publisher查看html报告时,发现显示不全,很多东西显示不了. 在查看官方文档后,这原来是安全问题所导致的. Jenkins安全默认是将以下功能都关闭了 1.j ...
- iOS - UIEvent事件及UIResponder响应者
在iOS中不是所有的对象都能处理事件,只有继承了UIResponder的对象才能接收并处理事件,称之为响应者对象: UIApplication.UIViewController.UIView都继承自U ...
- ZOJ 3777 - Problem Arrangement - [状压DP][第11届浙江省赛B题]
题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3777 Time Limit: 2 Seconds Me ...