我想设置"电子邮件"和"密码"类型的输入,但不是其他任何东西.我想象的是以下内容:
input[type="email"][type="password"] {
....
}
但是,属性选择器的工作方式,它似乎将其解释为"输入,其中类型同时是'电子邮件' 和 '密码'".我想要的是"输入类型正好是'电子邮件' 或 '密码'".当然,同时没有任何类型的电子邮件和密码类型.
是否可以编写一个或多个不同属性选择器的CSS规则？
作为参考,HTML看起来像:
<form id="login" onsubmit="return fadeaway()">
<fieldset>
<input type="email" placeholder="username"/> <br />
<input type="password" placeholder="password"/> <br />
</fieldset>
</form>
有关突出显示我的问题和潜在解决方案的图片,请参阅以下帖子:
CSS overflow-y:visible,overflow-x:scroll
但是,当您实际移动滚动条时,此策略会中断.在建议的实现(position: fixed;)中,工具提示在其位置预滚动的子div旁边显示.因此,当您将新的子div转换为视图时,工具提示开始从页面底部掉落.
请参阅此处以获取该错误的演示:http://jsfiddle.net/narcV/4/
任何想法我如何使工具提示始终显示在子div旁边？
当我src在iframe上设置属性时,有时会向控制台记录错误(似乎是未捕获的异常),并且目标永远不会加载.
例如,如果我设置myiframe.src = 'http://www.google.com',它就永远不会加载,我的Chrome开发人员工具将记录以下消息:
Refused to display document because display forbidden by X-Frame-Options.
我理解这个错误是什么,但我想捕获这个异常,所以我可以在网站不想加载到iframe时处理它.
因为设置iframe src是半异步的,所以我不能用try catch包围该行.
如何处理iframe错误？iframe.onerror并且iframe.onabort似乎也没有做到这一点.
在任何现代的浏览器,当你访问一个图像URL(例如,http://i.imgur.com/xrM9q.jpg),它会自动调整大小的形象,并让您选择"放大"有一个小的放大镜.iframe的情况并非总是如此:
<iframe src='http://i.imgur.com/xrM9q.jpg'> </iframe>
如果你将一个iframe链接到一个图像,Firefox会给出这样一个好的行为:它开始表现得像max-width: 100%; max-height: 100%,然后你可以点击它来使它变大.
但是,在Chrome中,图片只是全尺寸.尝试在Chrome和Firefox中打开此示例.
如何让Chrome"巧妙地"处理图像？也就是说,默认行为是否显示放大镜光标并提供自动调整大小？
(澄清:我想这是一个Chrome扩展工作,我想出了迄今唯一的解决办法就是把所有的网页内容脚本和手动更改图像风格的页面上的解决方案很烂,所以我.我希望一种方法不那么hacky并且不影响用户访问的每一页
我有一个对象数组...举一个具体的例子,让我们调用数组People,其中每个person都有a uniqueID,a name和a tagline.
我正在使用foreach模板显示这些人的列表,如下所示:
<ul>
<li ng-repeat="person in People">
{{person.name}}: {{person.tagline}}
...
足够简单,可以从控制器获取数据并将其同步到模型中.
现在,我想点击一个人并做一些复杂的信息.像这样:
<ul ng-controller="myCtrl">
<li ng-repeat="person in People" ng-click="clickHandler($event)">
...
现在,我可以像这样访问DOM元素:
$scope.clickHandler = function($event) {
var domElement = $event.currentTarget;
...
但是,如何从相关person对象(被点击的对象)获取数据,以便我可以查看它们uniqueID(未存储在DOM中)？