草庐IT

focus_absolute

全部标签

javascript - ANDROID WEBKIT : Select elements getting focus events, 但打不开!

我在移动网站的表单中有一系列选择元素。这些选择元素位于通过JS和CSS3转换处理的滚动Pane内,因此首先要在选择上注册触摸/单击/任何事件就足够了。但是,我现在发现,仅在android上,即使选择被点击并获得焦点-他们只是拒绝打开。我100%确定选择正在获得他们的焦点事件(通过调试),所以老实说,我完全被难住了。没有调试,选择上没有其他焦点/模糊事件。它在iPhone上运行良好......有什么想法吗? 最佳答案 我一直在为同样的问题撞墙。它似乎与Android2.1/2.2(也许是2.0?)隔离开来。选择在Android1.5/

输入和输入的 CSS 轮廓不同 :focus

我在使用框及其关联的CSS轮廓样式时遇到问题。当盒子聚焦时,它应该有一个蓝色轮廓(工作)。在表单验证时,如果有问题,将添加.error类,将轮廓和背景颜色更改为红色(不起作用)在焦点上我有一个风格:input,select{font-size:10pt;border:solid1px#9598a0;padding:2px;}input:focus{background:#EFF5FF;color:black;outline:solid2px#73A6FF;}对于错误:input.error:focus,.error{outline:2pxsolidred;background:rgb(

html - 是否可以将 div 与父级 "absolute"居中?

.square{width:251px;height:207px;border:1pxsolid#d6d6d6;-webkit-box-shadow:1px1px3pxrgba(0,0,0,.1);-moz-box-shadow:1px1px3pxrgba(0,0,0,.1);box-shadow:1px1px3pxrgba(0,0,0,.1);margin:10px;overflow:hidden;position:relative;background-color:#fff;/*display:inline-block;*/float:left;cursor:pointer;tex

html - th :href and href when linking absolute URLs in Thymeleaf之间的区别

就在Thymeleaf的开头documentation关于标准的url语法有两个例子,但没有说它们之间的区别:两者有区别吗?如果不是,第一个有什么用? 最佳答案 在那种特定情况下,没有区别。将准确地产生之所以如此,是因为这些部分列出了url表达式使用的不同类型的url(绝对、上下文相关、服务器相关和协议(protocol)相关)。话虽如此,您可能会出于某些原因使用它……例如在绝对url中包含一个id。像这样的东西:StackOverflow 关于html-th:hrefandhrefwh

html - 你如何获得位置 :absolute; element above a position:relative; one

您可以在thisfiddle中查看问题.我有一个z-index为2的绝对定位元素和一个z-index为1的相对定位元素。相对定位元素包含绝对定位元素。我认为z-index:2元素会显示在z-index:1元素之上,但事实并非如此。有没有办法解决这个问题,使z-index:2元素高于所有z-index:1元素?div{background:green;position:relative;width:100%;z-index:1;}span{top:0;right:0;z-index:2;position:absolute;border:solid1pxred;height:70px;ba

javascript - 拖过absolute元素时,一直触发drag leave事件

我们在应用程序中使用绝对位置元素作为相对位置元素的子元素。我们为自定义函数使用了javascript拖放事件。问题:将文件拖到绝对元素上时它会波动。样本:https://stackblitz.com/edit/typescript-avv5u1?file=index.ts重现步骤:1.将任何文件拖入放置目标。2.当鼠标悬停在目标上时,absolute元素将以黄色背景显示。3.将拖动的文件悬停在黄色区域上。现在黄色,区域会波动。你能建议我如何在我们这边解决这个问题吗? 最佳答案 考虑对您的事件处理程序进行去抖动和节流。添加基本​​实现

html - 为什么 `position:absolute;` 销毁 ` vertical-align:middle` ?

文本center位于div的中心,如下面的代码所示。.Absolute-Center{display:table-cell;width:100px;height:100px;border:1pxsolidred;text-align:center;vertical-align:middle;}center现在在.Absolute-Center的css中添加一行position:absolute;。.Absolute-Center{position:absolute;display:table-cell;width:100px;height:100px;border:1pxsolidre

javascript - Angular 6 react 形式 : How to set focus on first invalid input

在我的Angular6应用中,我使用的是ReactiveForms。我的目的是在提交时,我想在错误时将焦点设置在第一个无效输入上。我的表单如下所示:Libellédupef*Libellédupefestrequis.CodeBasicat*CodeBasicatestrequis.Nomdel'application*Nomdel'applicationestrequis.在我的TS文件下,我的表单配置如下所示:this.addItemfForm=this.formBuilder.group({libellePef:['',Validators.required],codeBasic

html - Chrome : can't position one absolute div over another when the parent is fixed

我发现当我想要位于顶部的div的父级固定时,我无法在Chrome中将一个绝对定位的div定位在另一个之上:这是一个演示问题的JSFiddle:http://jsfiddle.net/SEJhg/你应该看到在Chrome中,z-index为10的黄色绝对定位div出现在z-index:1的绿色绝对定位div后面,因为父级的位置是固定的。Firefox等其他浏览器在绿色div之上显示黄色div。关于如何在Chrome中解决这个问题有什么建议吗?我无法改变parent的固定位置。谢谢! 最佳答案 您遇到的是Chrome中相对较新的行为,引

javascript - 对象不支持属性或方法 "focus"

我正在使用tagsinput我网站上的文本字段来自此project.我正在尝试将焦点设置到文本字段,但它不起作用。它给我以下错误:Unhandledexceptionatline37,column9inLOCALDOMAIN-LINK-REMOVED0x800a01b6-JavaScriptruntimeerror:Objectdoesn'tsupportpropertyormethod'focus'.line(37)这个错误指的是:searchQueryTB.focus();我的完整代码是:document.onload=FocusSearchQueryTextBox();funct