input与select在不同浏览器上的宽度显示不同及IE背景图显示问题
select的css width样式,包含边框和内边距,即:真实的width=CSS width。
而input的css width样式,则不包含边框和内间距,真实的width=CSS width border padding。
解决的方法:
设置select的CSS width=input 的CSS width border padding
例:
<style>
input[type="text"]{width: 196px;}
</style>
<span>场馆名称:</span><input type="text" /><br>
<span>学校名称:</span><select name="" style="width: 200px; padding:1px;">
<option value="0">昌平四中</option>
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
IE下 背景图无法显示问题解决方法
由原来的写法:.header h1{line-height: 60px;padding-left:32px;background: url(../images/logo.png) no-repeat left -6px top 8px;}
改成:.header h1{line-height: 60px;padding-left:32px;background-image: url(../images/logo.png) ;background-repeat:no-repeat;background-position: -5px center;vertical-align: middle;}
转载于:https://www.cnblogs.com/yiran2016/p/6409876.html
input与select在不同浏览器上的宽度显示不同及IE背景图显示问题相关推荐
- html鼠标放上虚化背景图片,如何将网页CSS背景图高斯模糊且全屏显示
高斯模糊是PS.FW图片处理工具搞的. 全屏显示的方法 1:使用CSS.bg { background-image:url(scale.jpg); -moz-background-size: 100% ...
- 前端如何使用base64转换图片,背景图以及图片的上传使用?
上期教大家如何在Figma软件上copy页面(背景图等等),那么如何使用呢? 博主就拿小程序为例 教程开始 page {height: 100vh;overflow: hidden;position ...
- IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题
IE浏览器上传文件时本地路径变成"C:\fakepath\"的问题 博客分类: javascript HTML 在使用<input id="file_upl&quo ...
- salesforce零基础学习(八十九)使用 input type=file 以及RemoteAction方式上传附件
在classic环境中,salesforce提供了<apex:inputFile>标签用来实现附件的上传以及内容获取.salesforce 零基础学习(二十四)解析csv格式内容中有类似的 ...
- flyingsaucer转换多个html,使用flying-saucer 实现 html转pdf实现input框select,textarea
使用flying-saucer 实现 html转pdf实现input框select,textarea 使用flying-saucer 实现 html转pdf实现input框select,textare ...
- html2day(合并单元格,有序、无序列表,input、select、textarea表单)
文章目录 合并单元格步骤: 无序列表(unordered list): 有序列表(ordered list): 自定义列表(ordered list): 表单的组成: **表单标签**: input( ...
- 在浏览器上也能训练神经网络?TensorFlow.js带你玩游戏~
How to train neural network on browser 无论你是刚开始深度学习,亦或是个老练的老手,建立一个神经网络的训练环境有时都会很痛苦.让神经网络的训练像加载一个网页,然后 ...
- extjs获取焦点和失去焦点_ios输入框(input,select,textarea)失去焦点,页面不归位...
我是一块砖,哪里需要往哪搬! 移动项目开发中经常会遇到奇奇怪怪的问题,在正常不过了.而由于ios和安卓系统的不同,适配问题也是时常发生. 而其实一个,苹果手机输入框(input,select,text ...
- [前台]---input标签中的hidden,浏览器差异问题
前言: 这是一个比较简单的问题,也有人犯过这样的错误,如果你是一个人在编码,并且没有专门的去测试浏览器差异,这个或许会坑到你 问题描述: 用input标签的时候,需要把这个input隐藏掉,于是先这样 ...
最新文章
- DotNetNuke(DNN)皮肤制作--如何居中内容
- nlv sqlserver_未能使用提供程序“DataProtectionConfigurationProvider”进行解密。提供程序返回错误消息为: 该项不适于在指定状态下使用...
- Unity-数学2-四元数
- [译]C#8.0中一个使接口更加灵活的新特性-默认接口实现
- linux shell之xargs 、tr、sha1sum、head、tail一般使用
- vs2005 vc++ 生成非托管的 不需要.net运行环境的exe程序方法
- 邮箱与手机做账号的验证实例
- Java使用XFire调用WebService接口
- CCF201903-3 损坏的RAID5(100分)【数学计算+文本处理】
- javascript循环语句及函数
- C#中 String 格式的日期时间 转为 DateTime
- 界面设计必备,常用字体规范
- 优质的易语言 E语言游戏源码素材推荐,不容错过
- 多元统计分析最短距离法_多元统计分析复习整理
- 分享 野人老师-高级信息系统项目管理师-全部的课程资料
- 联想y430完全拆机图解_y430p拆机详细步骤及如何安装mSATA接口的固态硬盘?
- 精通css网页布局 pdf,精通CSS网页布局
- JavaWeb新闻发布系统案例3
- python tkinter progressbar_Tkinter 之ProgressBar进度条标签
- シェリーヌ / 老师
热门文章
- Hazelcast介绍与使用
- 使用Jsonp实现跨域请求
- 关于湖北工业大学图书馆联网配置的方法
- 移除VS解决方案和TFS服务器的关系
- mini6410移植--uboot移植(2)
- Got error: 1449: The user specified as a definer ('root'@'%') does not exist when using LOCK TAB
- 优化JavaScript代码
- 用python抓取糗事百科的小程序
- android 百度悬浮搜索框,百度的搜索框效果如何实现的???
- CloudStack各版本新特性