0

我想改变 Twitter Bootstrap 的外观。我基本上知道这是如何工作的，并且一切都已设置和工作。

默认情况下，.navbar-inner有一个边界半径。看看它是如何在下面声明的——他们使用了前缀。

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

现在让我们说我不想要那个border-radius。我必须这样写吗

.navbar-inner {
    border-radius: 0;
}

或者像这样

.navbar-inner {
    -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

确保最大的浏览器兼容性？

使用第一个选项对我有用，它看起来比所有前缀都好，但我担心某些浏览器不会理解它。

4

1 回答 1

2

如果要覆盖所有旧版浏览器，则必须使用前缀。这就是引导程序开始包含前缀的原因。

如果您只使用无前缀版本，则仅实现了前缀版本的旧浏览器将无法正确解释无前缀版本，并且不会被更改/清零。

于 2012-11-18T17:49:36.323 回答