easyui下拉框与普通的文本输入框有长度差的解决方案

最新推荐文章于 2021-08-18 11:24:45 发布
最新推荐文章于 2021-08-18 11:24:45 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35052627/article/details/80222798

       样式错乱如上所示，其实我给的长度是一样的，但就是差了5px，而且在谷歌等主流浏览器都是没问题的，只有到了ie时出现了这个问题。。。这ie，弄的我心里哇凉哇凉的。于是打开播放器，听了一首暖暖开始了寻找bug之旅。。

       经过使用F12的调试工具反复查看后，发现我写的样式中有个padding-left:5px，然后突然想到padding会增加内容的宽度，而且好像ie的盒子模型和w3c盒子模型是不一样的。前者是content+padding+border=设置的宽度，而w3c是content=设置的宽度。知道了问题原因，就可以对症下药了，其实这个兼容性要解决也非常简单，只需要在html或者jsp页面顶部加上个<!DOCTYPE HTML>让所有浏览器按照w3c标准的盒子模型来解析就可以了~~我看了看以前也加了，不过后面还有一堆代码，导致不管用。原代码如下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">~~~我也不知道为啥这个样子就不管用了~~哎，愁人

CheckBox选择框和文字设置间距
ITxiaoxinxing的博客
08-31 1万+
由于界面美观度的需求，需要自定义CheckBox的选择框。 传统的方法是先定义一个CheckBox的自定义style，如下： @drawable/checkbox_selector style中使用的checkbox_selector.xml 最后在布局文件中使用style属性加上效果，就基本实现了自定义的选择框。 <Ch
003-EasyUI框架
最新发布
xiaogang1226的博客
10-08 747
一、基本操作；二、数组操作；三、树操作；四、走马灯案例
下拉框和文本框宽度不一致
xdx2599的专栏
06-24 908
       &lt;input name="name"  type="text" class="w150" /&gt;        &lt;select name="name" size="1"  class="w150" &gt;&lt;/select&gt; w150样式 如下 w150{width:150px;} 以前代码虽
easyui combotree下拉面板宽度自适应
tyjlearning的博客
01-25 2610
1）修改css文件：/CWGLXT/src/main/webapp/comm/easyUI/themes/bootstrap/easyui.css 注释该样式 2）增加属性和事件 $('#fillorgid').combotree({     url: sname+"/OrgInfomanageController/getOrgTreeDataByIds",     method
Easyui combobox下拉项过长的处理
ditan20061218的博客
02-26 861
在easyUI中，datagrid中的列内容过长时，可以设置属性来进行个性设置，比如超过多少字之后用“...”代替。但是在combobox中没有该属性，那么应该如何处理呢？ 解决思路： 在加载完下拉框内容时，使用combobox中的formatter函数进行数据处理。处理数据时，根据其长度进行截取，当超过自定义的长度之后，再进行截取。 实现代码： $("#Cl...
关于easyui调整下拉框的高度自适应
Nicholas_long的博客
09-02 594
首先做一下对比： 没有修改前的下拉框 ，底部会多出一块空白处并没有适应 这是修改之后的下拉拉框，自适应它会根据下拉列表的内容自适应高度 附上解决方法： <select id="" class="easyui-combobox" name="dept" style="width:170px; height: 25px" data-options="editable:fals...
使用easyUI的combobox下拉框控件实现输入提示功能（google suggest）
ghostsk3的专栏
02-13 7790
通过easyUI的combobox控件模拟google suggest功能
easyui form validate总是返回false的原因及解决方法
11-30
本文将详细分析这一问题的原因，并提供相应的解决方案。 首先，让我们来看看问题的根源。在描述中提到，HTML代码中对`field1`字段使用了`easyui-validatebox`类，表明该字段应该被EasyUI的验证功能处理。然而，在...
easyui
张子又
03-19 2383
easyui 一、概述 easyui ---->easy ui ====user interface layui vue.js bootstrap 是一个非常好用的前端框架 一般使用在后台管理系统 http://www.jeasyui.com/ 二、下载 http://www.jeasyui.com/download/index.php 1.目录说明 demo 例子 demo-...
Jquery Easyui验证组件ValidateBox使用详解（20）
10-20
Jquery Easyui是一个基于jQuery的UI库，它提供了一系列丰富的组件来帮助开发者构建美观且功能齐全的Web界面。在这些组件中，`ValidateBox`是一个非常实用的验证工具，用于确保用户输入的数据符合预设的规则，从而...
jquery调整easyui输入框宽度
沧海一粟
08-18 1595
$(function(){ //适用textbox、datebox、combobox输入框。。。 var bodyWidth = document.body.clientWidth || window.innerWidth; $("input[name='fName']").prev().css("width",bodyWidth*0.13);//width='13%' $("input[name='fName']").parent().css("width",bodyWidth*.
如何使用easyUI来隐藏下拉框combobox的下拉箭头（附带效果图）？
wby_430的博客
08-30 6320
如何使用easyUI来隐藏下拉框combobox的下拉箭头（附带效果图）？前几天用easyUI做项目的时候碰见了一个问题，需要combobox下拉框但又不想让下拉框的箭头显示出来，就像我们使用百度的时候，你双击输入框就会自动显示下拉列表的内容，但是没有下拉框的那个下拉箭头，如下图所示：那么我们如何实现这个功能的呢？ 其实很简单，只需下面的两行代码即可实现： $('#cmbRangeId').com
调整EasyUI中输入框(下拉，时间，文本框等)高度一致问题
IMSIB的专栏
03-30 449
默认情况下文本验证输入框easyui-validatebox高度为22px，而easyui-datebox，easyui-combobox默认高度为20px。 不光光是高度不一致的问题，而且还有距离底边也不相同。 因此不做任何修改时的页面展示会出问题(仔细看还是有出入的)，我的解决方法便是： 步骤如下： 3.就是将easyui.css文件中的combo类的 /*vertical-...
下拉框与input输入框大小不一致问题
1234567
01-15 5058
margin-bottom: -10px使控件之间的距离变小，可以为负数值 当下拉列表 style="width:92%"时，可以与input输入框大小一致      &lt;el-form-item style="margin-bottom: -10px; " prop="string" label="输入框:" :label-width="formLabelWidth" &gt;
easyui之 datagrid editor的使用
热门推荐
qq_40263927的博客
05-01 1万+
在项目中有的时候要利用datagrid进行展示记录结果，同时还要对记录进行修改，保存，这个时候就要用到editor.easyui api中讲的不是很详细，今天给大家展示下datagrid的搜索功能以及editor的使用。以下是效果图: 前端代码如下： 重点是要用 $('#result_grid').datagrid("endEdit", index);来触发onAfterEdi...
EasyUi Dialog 弹窗自动调整大小
xiaoxl084520的博客
12-26 8458
有的时候弹框需要根据浏览器大小变化来自适应大小，这样可以提供给用户很好的浏览体验 实现方式如下： //最小宽度及高度及显示的比例按照自己需要更改 function initDialogArea(obj,minWidth,minHeight) { if (obj != null) { var flag = $(obj).data(&amp;quot;flag&amp;quot;); if (fl...
EasyUI datagrid在Layout中动态适应问题
lxq0426的专栏
06-07 3954
easyui Layout中改变大小时对应datagrid大小自适应问题 由于center的layout中 datagrid被嵌入了一个div，当左右拖动west的Layout时，在Layout center中的datagrid宽度不变（可能是datagrid外面被嵌套了一个div吧，当没有div时好像是可以动态适应的），导致用户体验问题，通过panel的onResize事件去处理，将动态取得宽
EasyUI中列表编辑状态时的各种问题修正
风若寒
08-23 598
该文旨在解决一下问题，若有更好办法请指出 1、编辑状态弹框问题：在options中加 events:{click:OpenSelectWBSQC} 2、选择框联动问题之onChange事件 3、数据项是否重复验证问题 4、编辑状态下的文本框禁用问题 @{ ViewBag.Title = "MaterialSetting"; Layout = "~/Views/S...
easyui输入框样式_EasyUI动态改变输入框width
weixin_39566773的博客
01-14 1798
easyui datagrid 动态改变大小easyui datagrid 动态改变大小EasyUi dialog 动态改变窗口大小我只是需要改变高度，所以我的代码如下：$('#editUnitDiv').dialog({ height:"190" }).dialog("open");改变高度的时候必须加上 .dialog("open");否则窗口会自动关闭。...jqueryEasyU...
easyui 下拉框
08-20
- *1* [easyui下拉框动态级联加载的示例代码](https://download.youkuaiyun.com/download/weixin_38694141/12768346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值