Questions tagged «css»

我现在升级了bootstrap 3.0。看起来像btn的“ a”标记（在类.btn的帮助下）在navbar上损坏了。 <li> <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm"> <?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?> </a> </li> 但是它不能正常工作。Bootstrap改变了我认为的系统。

79 css  twitter-bootstrap-3 

我正在尝试使用动态设置div宽度ng-style，但未应用样式。这是代码： <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle"> </div> </div> </div> 控制器： var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); 我想念什么？ 小提琴链接：小提琴

79 css  angularjs  ng-style 

如何创建白色发光作为未知尺寸图像的边框？

79 image  css  border  glow 

我想将一些文本对齐到div的顶部。似乎vertical-align: text-top;应该可以解决问题，但这是行不通的。我所做的其他事情，例如将div放入列中并显示虚线边框（这样我就可以看到div的顶部在哪里）都可以正常工作。 #header_p { font-family: Arial; font-size: 32px; font-weight: bold; } #header_selecttxt { font-family: Arial; font-size: 12px; font-weight: bold; vertical-align: text-top; } #header_div_left { float: left; width: 50%; border: dashed; vertical-align: top; } #header_div_right { margin-left: 50%; width: 50%; border: dashed; }

78 css  vertical-alignment 

我要在页眉和页脚中添加一个外部CSS文件和一个外部JS文件。加载HTTPS页面时，某些浏览器抱怨我正在加载不安全的内容。 当页面本身是HTTPS时，是否有一种简单的方法可以使浏览器通过HTTPS加载外部内容？

78 javascript  html  css  https 

+--------------------+ | | | | | | | | | 1 | | | | | | | | | +--------------------+ | | | | | | | | | 2 | | | | | | | | | +--------------------+ 如上所示的（1）的内容是未知的，因为它在动态生成的页面中可能会增加或减少。如上所示，第二个div（2）应该填充剩余的空间。 这是我的html的示例 <div id="full"> <!--contents of 1 --> <div …

78 html  css  height  fill 

我在表中有一个复选框列表。（该行中的多个CB之一） <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'> </label></td></tr> 我想用一对自定义的开/关图像替换复选框图像，我想知道是否有人对如何使用CSS更好地了解？ 我已经找到了这个“ CSS ninja”教程，但是我不得不承认发现它对我来说有点复杂。 http://www.thecssninja.com/css/custom-inputs-using-css 据我所知，您可以使用伪类 td:not(#foo) > input[type=checkbox] + label { background: url('/images/off.png') 0 0px no-repeat; height: 16px; padding: 0 …

78 css  checkbox  css-selectors 

在单击后如何使Bootstrap 3中的按钮自动取消按下？ 要复制我的问题，请制作一个带有一些按钮的页面，为它们提供适当的引导程序类（并包括引导程序）： <input id="one" type="button" class="btn btn-default" value="one"> <input id="two" type="button" class="btn btn-primary" value="two"> 加载页面，然后单击按钮之一。它会变得沮丧并突出显示，直到您单击页面上的其他位置（使用FF29和chrome35beta）。 在单击和未单击时检查输入元素不会显示附加的任何类，也不会从中删除任何其他类。 这是一个使Bootstrap按钮保持按下状态的示例：http : //jsfiddle.net/52VtD/5166/

78 html  css  twitter-bootstrap-3  html-input 

我有一个div设置了背景图片： <div>Play Video</div> 使用以下CSS： div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } 在Firefox，Safari和Chrome浏览器中会尊重背景尺寸。在IE8中，SVG替换为PNG文件。但是，在IE9和IE10中，SVG文件的大小已大大缩小。问题似乎与div的宽度和高度有关。如果我添加150px的高度，则SVG会正确呈现。如果将其缩小（即100px），图形将开始缩小。 是否有人在资源管理器中找到解决此问题的方法？有没有办法告诉IE独立于div的宽度和高度使用背景大小值？

78 css  svg  internet-explorer-9  internet-explorer-10  background-size 

如果您使用此示例（请在此处查看：http : //www.bootply.com/93816） <div class="container"> <div class="row"> <div class="col-md-6">Column1</div> <div class="col-md-6">Column2</div> </div> </div> 当您对生成的页面进行打印预览时，似乎会导致列堆叠/断开（好像浮点已删除），而不是在通常的网格布局中显示它们。 我看过@media printbootstrap.css的各个部分，但看不到与之相关的任何内容div。 有谁知道如何避免这种情况？

78 html  css  twitter-bootstrap  printing 

我的网页中有一个动态表，该表有时包含很多行。我知道有page-break-before和page-break-afterCSS属性。为了在需要时强制分页，应将它们放在代码中的什么位置？

78 html  css  printing  css-tables  page-break 

我有一个可用作设置页面的表单。修改表单元素后，它们被标记为unsaved并具有不同的边框颜色。保存表单后，它们将使用其他边框颜色标记为已保存。 我想要的是，保存表单后，边框将逐渐消失。 订单将去： <input type='text' class='unsaved' /> Not saved yet, border is yellow <input type='text' class='saved' /> Saved, so the border is green <input type='text' class='' /> Fade out if coming from class saved 如果在saved删除类时可以触发CSS3转换，那么它可能会淡出，并且一切都会变质。当前，我必须手动对其进行动画处理（当然，使用插件），但是它看起来比较不稳定，并且我想将代码移至CSS3，以便更加流畅。 我只需要此功能即可在Chrome和Firefox 4+中运行，尽管其他版本会很好。 CSS： 这是关联的CSS： .unsaved { border: 3px solid #FFA500; padding: 0; } .saved { …

78 css  css-transitions 

我讨厌你怎么能真正看到网页加载。我认为等待页面完全加载并准备好显示（包括所有脚本和图像），然后让浏览器显示它会更具吸引力。所以我有两个问题... 我怎样才能做到这一点？ 我对Web开发一无所知，但这是常见的做法吗？如果没有，为什么？ 在此先感谢您的智慧！

78 javascript  css  web 

假设您将以下CSS应用于div标签 .divtagABS { position: absolute; margin-left: auto; margin-right:auto; } 左边距和右边距无效 但是，如果您有亲戚，它可以正常工作，即 ,divtagREL { position: relative; margin-left: auto; margin-right:auto; } 这是为什么？我只想将元素居中 有人可以解释为什么将边距设置为自动在绝对位置上不起作用吗？

78 html  css  position 

我的网站具有H1样式： .centercol h1 { color: #006bb6; font-weight: normal; font-size: 18px; padding:3px 3px 3px 6px; border-left:3px solid #c6c1b8; background:#f2efe9; display:block; } 背景颜色跨越中心col的整个宽度，500像素... 如何使此H1仅跨越H1文本的宽度？

78 css