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背景图显示问题相关推荐

  1. html鼠标放上虚化背景图片,如何将网页CSS背景图高斯模糊且全屏显示

    高斯模糊是PS.FW图片处理工具搞的. 全屏显示的方法 1:使用CSS.bg { background-image:url(scale.jpg); -moz-background-size: 100% ...

  2. 前端如何使用base64转换图片,背景图以及图片的上传使用?

    上期教大家如何在Figma软件上copy页面(背景图等等),那么如何使用呢? 博主就拿小程序为例  教程开始 page {height: 100vh;overflow: hidden;position ...

  3. IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题

    IE浏览器上传文件时本地路径变成"C:\fakepath\"的问题 博客分类: javascript HTML 在使用<input id="file_upl&quo ...

  4. salesforce零基础学习(八十九)使用 input type=file 以及RemoteAction方式上传附件

    在classic环境中,salesforce提供了<apex:inputFile>标签用来实现附件的上传以及内容获取.salesforce 零基础学习(二十四)解析csv格式内容中有类似的 ...

  5. flyingsaucer转换多个html,使用flying-saucer 实现 html转pdf实现input框select,textarea

    使用flying-saucer 实现 html转pdf实现input框select,textarea 使用flying-saucer 实现 html转pdf实现input框select,textare ...

  6. html2day(合并单元格,有序、无序列表,input、select、textarea表单)

    文章目录 合并单元格步骤: 无序列表(unordered list): 有序列表(ordered list): 自定义列表(ordered list): 表单的组成: **表单标签**: input( ...

  7. 在浏览器上也能训练神经网络?TensorFlow.js带你玩游戏~

    How to train neural network on browser 无论你是刚开始深度学习,亦或是个老练的老手,建立一个神经网络的训练环境有时都会很痛苦.让神经网络的训练像加载一个网页,然后 ...

  8. extjs获取焦点和失去焦点_ios输入框(input,select,textarea)失去焦点,页面不归位...

    我是一块砖,哪里需要往哪搬! 移动项目开发中经常会遇到奇奇怪怪的问题,在正常不过了.而由于ios和安卓系统的不同,适配问题也是时常发生. 而其实一个,苹果手机输入框(input,select,text ...

  9. [前台]---input标签中的hidden,浏览器差异问题

    前言: 这是一个比较简单的问题,也有人犯过这样的错误,如果你是一个人在编码,并且没有专门的去测试浏览器差异,这个或许会坑到你 问题描述: 用input标签的时候,需要把这个input隐藏掉,于是先这样 ...

最新文章

  1. DotNetNuke(DNN)皮肤制作--如何居中内容
  2. nlv sqlserver_未能使用提供程序“DataProtectionConfigurationProvider”进行解密。提供程序返回错误消息为: 该项不适于在指定状态下使用...
  3. Unity-数学2-四元数
  4. [译]C#8.0中一个使接口更加灵活的新特性-默认接口实现
  5. linux shell之xargs 、tr、sha1sum、head、tail一般使用
  6. vs2005 vc++ 生成非托管的 不需要.net运行环境的exe程序方法
  7. 邮箱与手机做账号的验证实例
  8. Java使用XFire调用WebService接口
  9. CCF201903-3 损坏的RAID5(100分)【数学计算+文本处理】
  10. javascript循环语句及函数
  11. C#中 String 格式的日期时间 转为 DateTime
  12. 界面设计必备,常用字体规范
  13. 优质的易语言 E语言游戏源码素材推荐,不容错过
  14. 多元统计分析最短距离法_多元统计分析复习整理
  15. 分享 野人老师-高级信息系统项目管理师-全部的课程资料
  16. 联想y430完全拆机图解_y430p拆机详细步骤及如何安装mSATA接口的固态硬盘?
  17. 精通css网页布局 pdf,精通CSS网页布局
  18. JavaWeb新闻发布系统案例3
  19. python tkinter progressbar_Tkinter 之ProgressBar进度条标签
  20. シェリーヌ / 老师

热门文章

  1. Hazelcast介绍与使用
  2. 使用Jsonp实现跨域请求
  3. 关于湖北工业大学图书馆联网配置的方法
  4. 移除VS解决方案和TFS服务器的关系
  5. mini6410移植--uboot移植(2)
  6. Got error: 1449: The user specified as a definer ('root'@'%') does not exist when using LOCK TAB
  7. 优化JavaScript代码
  8. 用python抓取糗事百科的小程序
  9. android 百度悬浮搜索框,百度的搜索框效果如何实现的???
  10. CloudStack各版本新特性