<input>内容居中、去框、不可编辑等

<input class="i" type="text" value="Sin(x)" readonly="readonly"/>
.i {
    font-size: 24px;
    font-weight: bold;
    border: 0px;
    outline: none;
    width:400px;
    height:50px;
    text-align:center;
}

效果:

原文地址:https://www.cnblogs.com/linck/p/10698808.html

时间: 2024-10-17 02:06:17

<input>内容居中、去框、不可编辑等的相关文章

HTML:&lt;input type=&quot;text&quot;&gt;文本框不可编辑的方式

1.<input type="text" name="name" value="姓名" disabled /> 该方式显示的文本框内容“姓名”呈灰色显示. 2.<input type="text" name="name" value="姓名" readonly="readonly" /> 文本框正常显示,只是无法获得光标,不能编辑. 3.<

设置input 内容居中显示 .

text-align:center  水平居中显示 [html] view plaincopyprint? <style type="text/css"> input.text{text-align:center;padding:10px 20px;width:300px;} </style> <input class="text" type="text" value="水平居中" />

android 文本框和编辑框的基本属性

EditText 可编辑文本框 Textview 文本框   android:min/maxLines最小/大行数 android:singleLine="true"设置不换行       android:setEllipsize超过长度对类容进行省略 android:textSize="20dip" 字体大小 android:textColor = "#ff8c00" android:maxLength="10"最大长度为1

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

IE input X 去掉文本框的叉叉和password输入框的眼睛图标

IE input X 去掉文本框的叉叉和password输入框的眼睛图标 从IE 10開始,type="text" 的 input 在用户输入内容后.会自己主动产生一个小叉叉(X),方便用户点击清除已经输入的文本. 对于type="password"的 input 则会在右方显示一个小眼睛的图标,占击这个图标能够显示已经输入的内容. 好是好,但有时候会画蛇添足,比方已经用js控制了这个功能的时候. 仅仅要使用下面CSS代码可轻松实现隐藏IE浏览器自带的文本删除but

PHP下拉框内容随单选框内容变化

这久在修改一个项目的小东西,要求把下拉框改为单选框,由于代码封闭,修改不了获取函数,所以想了个办法让下拉框的内容随单选框的内容变化,下面把代码分享给大家: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w

HTML 文本内容居中

简单描述:使用bootstrap 的model弹出框,里边的标题内容是靠左的,想把内容居中. 操作:给标题的class加上"text-center". 另外 我发现,在使用model的过程中,只要给div的class只加上"text-center",该div里的所有内容都会以居中的形式展览,并且不会存在分辨率的问题. 个人前端比较烂,解决这么个小问题,心里就很开心,haha??超?神??????? 原文地址:https://www.cnblogs.com/xucha

布局小窍门之----让头部和主干内容居中

平时写布局的时候要保证头部标题或者横向的菜单和主体内容居中,可以将定义一个样式,比如: <style> .container{ width: 980px; margin: 0 auto; } </style> 头部和主体部分样式都放在带有该样式的标签里: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl

gridcontrol显示行号,总行,打印,导出Excel,设置标头及内容居中方法

1.一般为了表格显示数据更直观,经常会显示行号以及总数.让gridcontrol显示行号,首先你需要设置一下显示行号的宽度,也就是IndicatorWith.默认值为-1,可根据实际数值需要设置宽度,案例设置为50:然后在gridView1_CustomDrawRowIndicator事件中添加如下代码: //设置显示行号样式,文字居中,也可根据e.Info.Appearance设置其他属性 e.Info.Appearance.TextOptions.HAlignment = DevExpres