程序设计 css

16

我喜欢Twitter Bootstrap 2.0-我喜欢它是一个如此完整的库...但是我想对一个非常方形的非圆形站点进行全局修改，以摆脱Bootstrap中的所有圆角... 需要大量的CSS。是否有全局转换，或者找到并替换所有四舍五入的最佳方法是什么？

172 css twitter-bootstrap twitter-bootstrap-2

6

有没有一种方法可以将div中的长单词换行？

我知道Internet Explorer具有自动换行样式，但是我想知道是否有跨浏览器的方法可以对div中的文本进行这种操作。最好是CSS，但JavaScript代码片段也可以正常工作。编辑：是的，指的是长串，为人们加油！

172 css html word-wrap

30

如何从Firefox中的选择元素中删除箭头

我正在尝试select使用CSS3设置元素的样式。我在WebKit（Chrome / Safari）中获得了想要的结果，但是Firefox的运行效果不佳（我什至不担心IE）。我正在使用CSS3appearance属性，但是由于某些原因，我无法从Firefox中删除下拉图标。这是我正在做的事的一个例子：http : //jsbin.com/aniyu4/2/edit #dropdown { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url('example.png') no-repeat right center; padding: 2px 30px 2px 2px; border: none; } 如您所见，我并没有尝试任何幻想。我只想删除默认样式并添加我自己的下拉箭头。就像我说的那样，WebKit很棒，而不是Firefox很棒。显然，-moz-appearance: none它不会摆脱下拉菜单项。有任何想法吗？不，JavaScript不是一种选择

172 html firefox css

6

将CSS显示属性重置为默认值

是否可以使用其默认值覆盖display属性？例如，如果我以一种样式将其设置为none，而我想以其默认值以其他方式覆盖它。还是找出该元素的默认值然后将其设置为默认值的唯一方法？不想知道元素通常是block，inline还是任何一个...

172 css default

15

Div高度为100％，并扩展以适合内容

我的页面上有一个div元素，其高度设置为100％。身体的高度也设置为100％。内部div具有背景以及所有这些背景，并且与主体背景不同。这可以使div高度为浏览器屏幕高度的100％，但是问题是我的div内容垂直超出了浏览器屏幕高度。当我向下滚动时，div结束于您必须开始滚动页面的那一点，但是内容超出了该范围。如何使div始终一直到底部以适合内部内容？这是我的CSS的简化： body { height:100%; background:red; } #some_div { height:100%; background:black; } 滚动页面后，黑度结束，内容流到红色背景上。我在#some_div上将正子设置为相对还是绝对似乎都没有关系，无论哪种方式都会出现问题。#some_div中的内容基本上是绝对定位的，并且是从数据库动态生成的，因此无法预先知道其高度。编辑：这是问题的屏幕截图：

172 css html height overflow

9

CSS输入的宽度：100％超出了父级的界限

我试图制作一个由两个输入字段组成的登录表单，并带有插入填充，但是这两个字段总是最终超出其父级的边界。该问题源于添加的插图填充。为了解决此问题可以采取什么措施？ JSFiddle代码段：http：//jsfiddle.net/4x2KP/ 注意：该代码可能不是最干净的。例如，完全不需要封装文本输入的span元素。 #mainContainer { line-height: 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px 5px / 5px 2px 5px 2px; border-radius: 2px; border-radius: 2px 5px / 5px; box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2); } .loginForm …

172 css forms input width

21

使用jQuery将元素动画化为自动高度

我想动画一个<div>从200px到auto的高度。我似乎无法使其工作。有人知道吗？这是代码： $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript jquery html css jquery-animate

5

如何禁用textarea调整大小？

我需要禁用textarea水平调整大小。有时我想允许垂直调整文本区域的大小。每当我创建“联系我们”页面时，textarea都会使我的设计难看。有人可以给我一种禁用它的解决方案吗？

171 html css

5

如何将div与其父对象的顶部对齐，但保持其内联代码块行为？

请参阅：http：//jsfiddle.net/b2BpB/1/ 问：如何使box1和box3与父div的顶部对齐boxContainer？ #boxContainerContainer { background: #fdd; text-align: center; } #boxContainer { display: inline-block; border: thick dotted #060; margin: 0px auto 10px auto; text-align: left; } #box1 { width: 50px; height: 50px; background: #999; display: inline-block; } #box2 { width: 50px; height: 100px; background: #999; display: inline-block; } #box3 { width: …

171 css html

11

Bootstrap右栏位于移动视图顶部

我有一个这样的引导页面： <div class="row"> <div class="col-md-6"> A </div> <div class="col-md-6"> B </div> </div> 好像： ----- |A|B| ----- 因此，如果我在移动设备上查看它，则列A位于顶部，但我希望列B位于顶部。这可能吗？我尝试了推拉，但没有成功。

171 html css twitter-bootstrap-3

2

修改LESS变量的Alpha不透明度

使用LESS，我知道可以更改颜色变量的饱和度或色调。看起来像这样： background: lighten(@blue, 20%); 不过，我想更改颜色的Alpha不透明度。最好像这样： background: alpha(@blue, 20%); 在LESS中有简单的方法可以做到这一点吗？

171 css variables less opacity alpha

11

CSS / HTML：在输入字段周围创建发光的边框

我想为表单创建一些体面的输入，而且我真的很想知道TWITTER如何在输入周围做发光的边框。 Twitter边框的示例/图片：我也不太了解如何创建圆角。

171 html css input border glow

26

调整输入字段的宽度为其输入

<html> <head> </head> <body> <input type="text" value="1" style="min-width:1px;" /> </body> </html> 这是我的代码，它不起作用。HTML，JavaScript，PHP或CSS是否有其他方法来设置最小宽度？我希望文本输入字段的宽度可以动态变化，以便输入字段可以围绕其内容流动。每个输入都有的内置填充2em，这就是问题，第二个问题是min-width根本无法处理输入。如果我设置的宽度超过了整个程序的混乱程度，那么我需要的宽度是1px，仅在需要时才需要。

171 javascript html css

17

内联CSS有什么不好的地方？

当我看到网站入门代码和示例时，CSS始终位于单独的文件中，命名为“ main.css”，“ default.css”或“ Site.css”。但是，当我编写页面代码时，经常会想将CSS与DOM元素一起插入行内，例如在图像上设置“ float：right”。我觉得这是“错误的编码”，因为在示例中很少这样做。我知道，如果将样式应用于多个对象，则遵循“不要重复自己”（DRY）并将其分配给每个元素要引用的CSS类是明智的。但是，如果我不想在另一个元素上重复CSS，为什么在编写HTML时不内联CSS？问题：即使仅在该元素上使用内联CSS是否也被认为是不好的？如果是这样，为什么？示例（这不好吗？）： <img src="myimage.gif" style="float:right" />

170 css inline-styles

7

用于捕获光标的CSS（拖放）

我有一个JavaScript webapp，用户需要抓住背景才能移动整个屏幕。因此，我希望光标悬停在背景上时进行更改。在-moz-grab和-moz-grabbingCSS光标是非常理想的。当然，它们仅在Firefox中工作...其他浏览器是否具有等效的游标？我是否需要做一些比标准CSS游标更多的自定义操作？

170 css cursor

Questions tagged «css»