Tag: css

JQueryvalidation插件 – 错误突出显示问题: 我有一个带有两个输入文本框的表单，我已经包含了两个jQueryvalidation规则： $(document).ready(function() { $(‘#respondForm’).validate({ onclick: false, onkeyup: false, onfocusout: false, highlight: function(element, errorClass) { $(element).css({ backgroundColor: ‘Red’ }); }, errorLabelContainer: $(“ul”, $(‘div.error-container’)), wrapper: ‘li’, rules: { ‘text’: { required: true, minlength: 5, maxlength: 10 }, integer: { required: true, range: [0, 90] } }, messages: { ‘text’: { required: “xxx_Required”, minlength: “XXX Should be greater […]

输入水印（css和Jquery）: JS $(document).ready(function () { $(“:input[data-watermark]”).each(function () { $(this).val($(this).attr(“data-watermark”)); $(this).bind(‘focus’, function () { if ($(this).val() == $(this).attr(“data-watermark”)) $(this).val(”); }); $(this).bind(‘blur’, function () { if ($(this).val() == ”) $(this).val($(this).attr(“data-watermark”)); $(this).css(‘color’,’#a8a8a8′); }); }); }); HTML Name: CSS .input{ width:190px; height:16px; padding-top:2px; padding-left:6px; color:#000; font-size: 0.688em; border:#8c9cad 1px solid; } 我想要解决的是，只要水印的输入值是文本的颜色应该是灰色的（ #a8a8a8 ）。当值是用户写的东西时，颜色应该是黑色。这是小提琴： http ： […]

从元素中删除/重置inheritance的css: 我知道之前曾问过这个问题，但在将其标记为重复之前，我想告诉你我的情况与我在互联网上发现的情况略有不同。我正在构建和嵌入脚本，人们可以把它放在他们的网站上。此脚本创建一个具有特定宽度/高度的div以及其中的一些信息。我的问题是，有些网站也为我的divinheritance了div的样式。例如： div{ background-color:red; } 因此，如果我没有为我的div设置任何背景颜色，即使我不想要它也会显示红色。我遇到的唯一解决方案是覆盖尽可能多的css属性，这样我的div将完全按照我的要求显示。这个解决方案的问题是有太多的css属性要覆盖，我希望我的脚本尽可能轻松。所以我的问题是，如果你知道我的问题的另一个解决方案。它可以在css / javascript / jQuery中。谢谢

JqueryMobile中的水平滚动和垂直滚动: 我想用垂直滑动实现水平滚动。如下图所示。为了做同样的事情，我搜索并找到了这个http://developingwithstyle.blogspot.co.uk/2010/11/jquery-mobile-swipe-up-down-left-right.html但是这篇博客中写的代码没有对我有意义。我还下载了http://www.idangero.us/sliders/swiper/上提供的演示，并尝试根据我的需要进行修改。但无法做到这一点。如果任何人有想法或链接或演示项目，请帮助我。问候！

css浮动元素，网格中左右不等的高度: 我想知道如何在图1中完成效果。到目前为止我得到的是 .box { display: inline-block; vertical-align: top; width: 100px;} 这给了我图2所示的结果。（注意：我知道我可以用float完成相同的操作：left）我的HTML代码看起来像这样： A B C D E F G H I 我希望每个元素尽可能向左浮动，但同时向上浮动。有可能用纯CSS执行此操作，还是需要一些JavaScript？编辑：对我来说重要的是整个网格位于页面的中心。这就是我使用display：inline-block的原因。网格也不应该固定在页面上，因为我希望它在我调整窗口大小时重排。

getComputedStyle（或）$ .css（map）< – 获取每个样式声明: 除了循环遍历声明了每个样式属性的数组之外，有没有办法获得dom元素的所有样式的键/值输出？我的后备是通过以下列出的键重复： http ： //www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSview-getComputedStyle

在jQuery中转换: 我正在尝试使用jquery获取一个元素来设置旋转hover效果，我有这个jsFiddle来测试。到目前为止我有这个： $(“.icon”).hover(function() { $(this).stop().animate({transform: “rotate(-90deg)”, height: “200px”},400); },function() { $(this).stop().animate({backgroundColor : “black”, color: “red”},400); }); 但它似乎根本没有旋转它，我意识到设置css的正确方法是： -webkit-transform：rotate（30deg）; 我试过这个： $(this).stop().animate({-webkit-transform: “rotate(-90deg)”, height: “200px”},400); 但即使是高度也不会改变。任何建议都会有所帮助！链接到JSFiddle