css样式命名导致样式“变异”的问题
来源:互联网 发布:小米手机只能用2g网络 编辑:程序博客网 时间:2024/05/16 08:32
今天调试了一个问题,给按钮设置样式,发现死活都只有部分生效,怎么调试都没用。后来修改了样式的名字就好了。
不带样式时是这样显示的(只关注其中的登陆按钮):
<input type="submit" name="button" id="button" value="登 录" tabindex="4">
给按钮加上样式,css中样式的名字为submit:
.submit{width:124px; height:40px; border:none; background:url(../elements/images/btn_1.gif) no-repeat 0 0; color:#fff; font:bold 14px/40px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;}
使用
<input type="submit" name="button" id="button" value="登 录" class="submit" tabindex="4">
这样设置,出现了部分效果,就像下面这样:
图片只显示一半,文字也位置不对,还不好看,怎么调都没用,不发生改变。
后来,改了下样式的名字就好了。
.submit_1{width:124px; height:40px; border:none; background:url(../elements/images/btn_1.gif) no-repeat 0 0; color:#fff; font:bold 14px/40px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;}
<input type="submit" name="button" id="button" value="登 录" class="submit_1" tabindex="4">
效果如下:
可见,给样式起名字时,不要太随意,否则会出现意想不到的后果。
- css样式命名导致样式“变异”的问题
- CSS样式的命名规则
- CSS样式命名规范
- CSS样式命名规范
- CSS样式命名整理
- CSS样式命名规则
- CSS样式命名规范
- CSS样式命名整理
- css样式命名参考
- 常用的CSS样式命名规则
- DIV+CSS 样式表命名的规则
- 碰到的css样式问题
- css样式表的问题
- css 样式布局的问题
- CSS样式层叠的问题
- CSS样式的优先级问题
- CSS样式的优先级问题
- css样式的过渡问题
- 基于calcite为CSV文件包装SQL接口
- Apache顶级项目介绍2-Kafka
- C动态字符串,动态开辟内存空间相关 malloc realloc 用法
- Cell选中问题 以及 URL中文编码
- POJ 1011 / UVA 307 Sticks
- css样式命名导致样式“变异”的问题
- grass buffer2 算法
- 安装wampwerver时图标一直是橙色怎么解决
- android中事件分发机制
- yii2-gii的详细操作步骤
- Window和WindowManager的分析
- MFC学生选课系统
- 分治算法
- nyoj 655 光棍的yy 【大数斐波那契】