标签: border

我正在使用Firefox 10,Windows 7并且不确定旧版本,但是当我点击按钮时,按钮周围会出现蓝色边框.

我创建了以下示例.

http://jsfiddle.net/dEvKb/58/

我用下面的css删除了虚线,但我也不想要蓝色边框.我无法想象如何删除它或甚至可以删除？

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner
{
    border: none;
    outline: none;
}

下面不起作用......

input[type="button"]:visited
{
    outline: none;
    border: none;
}

这是我正在谈论的邪恶的蓝色边界.

边界半径有点问题.我已经成功地完成了我的矩形,但是我遇到了将我放在它上面的悬停的问题.您将在圆角矩形的顶角和底角看到悬停本身不是圆角的,实际上是一个矩形.我试过围绕它,但它也围绕中心.我知道这可能没有意义,但你会明白这里:http://jsfiddle.net/hCg3J/

我想做的就是让每个选择突出显示整个区域,而不是突出.

HTML:

<ul class="pageitem">
    <li class="list" style="border-top:none;"><a href="iphone4.html";><span class="name">iPhone 4/4S</span><div class="arrow"></div></a></li>
    <li class="list"><a href="iphone3.html";><span class="name">iPhone 3G/3GS</span><div class="arrow"></div></a></li>
    <li class="list"><a href="ipod.html";><span class="name">iPod Touch</span><div class="arrow"></div></a></li>
</ul>

CSS

.pageitem {
    -webkit-border-radius: 8px;
    behavior: url(/border-radius.htc);
    border-radius: 8px;
    position:relative;
    zoom: 1;
    -moz-border-radius: 8em;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    border: #878787 solid 1px;
    font-size: 12pt;
    overflow: hidden;
    padding: 0;
    height: auto;
    width: auto;
    margin: 3px 9px 17px;
    list-style: none
}

这是一个截图示例:

注意容器周围的边框.如何为网站实现此效果？

我尝试过以下规则:

border: 1px dotted black;

它导致:

在webkit safari和chrome ive中发现它们渲染css规则的最后一个px border:1px dotted;奇怪的是它将最后2个像素组合成1,所以你在行的末尾得到一个黑色标记..？

有没有其他人遇到这个/为它做了一个工作？请看下面的图片

我使用R来绘制图例,但我需要绘制黑色边框.

plot.new()
legend(x=0,y=.15, c(" legend1"), cex=1,pt.cex =1.4,col=c("green"),bty="n",fill="green", pch=c(15, 15, 15, 17),border="black")
legend(x=.75,y=.15, " legend", cex=1, pt.cex =1.4,bty="n",col=c("black"), pch=c(17), border="black")

但在上面的代码中,没有按照预期在下面显示的图像打印黑色边框.我怎么能够

把边框(这里是黑色边框覆盖绿色框)和图例如下所示.

我正在尝试在XAML中为按钮创建样式,这是我的代码:

<Window.Resources>
  <Style x:Key="buttons"
         TargetType="Control">
    <Setter Property="Background">
      <Setter.Value>
        <LinearGradientBrush>
          <GradientStop Color="GoldenRod"
                        Offset="0" />
          <GradientStop Color="Gold"
                        Offset="0.10" />
          <GradientStop Color="White"
                        Offset="0.45" />
          <GradientStop Color="Gold"
                        Offset="0.9" />
          <GradientStop Color="GoldenRod"
                        Offset="1" />

        </LinearGradientBrush>
      </Setter.Value>
    </Setter>
    <Setter Property="FontFamily"
            Value="Consolas" />
    <Setter Property="FontSize"
            Value="15" />
    <Setter Property="FontWeight"
            Value="Bold" />
    <Setter Property="BorderThickness"
            Value="5" />
    <Setter Property="Padding"
            Value="0,0" />

  </Style>
</Window.Resources>

除了BorderThickness属性之外,一切正常 - 无论我放在什么价值,它都不会改变.我想知道我的代码中缺少什么.

我将尽可能具有描述性.这是最新版本的bootstrap.我有一个在背景中有一个大的黑暗图像的网站,在某些页面上有文字,我把一个黑色的jumbotron用于白色字体的背景.我想在它们周围设置一个边框,但到目前为止,我看不到有任何边界可以想到这样做.请帮忙,这是我的第一个网站.边界是为了给巨型tron一些光线对比.有任何问题让我知道.使用jumbotron我的CSS css是

.jumbotron {
margin-bottom: 0px;
background-position: 0% 25%;
background-size: cover;
background-repeat: no-repeat;
color: white;
text-shadow: black 0.3em 0.3em 0.3em;
background: black;
border: 5px;
border-color: #fff;
}

当我在.php文档中以下面的形式使用它时

<div class="jumbotron">
<h2> subpage name </h2>
<h4> title </h4>
<p> bunch of text
</p>
</div>

谢谢你的帮助.

如何创建过渡效果，例如：

http://jsfiddle.net/mfn5nefb/6/

但是为了文字input？

我尝试用替换h1，input但不起作用。

我有一个LinearLayout,我想为它设置边框.它应该如下所示.

这是我的布局,

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/content_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".activities.AddInfoMainActivity"
    tools:showIn="@layout/app_bar_main">


    <LinearLayout
        android:id="@+id/add_info_layout_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <LinearLayout
            android:id="@+id/add_info_layout_one_one"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="2dp"
            android:layout_weight="1"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/add_info_layout_one_img01"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:layout_marginTop="24dp"
                android:src="@drawable/sample01" />

            <TextView
                android:id="@+id/add_info_layout_one_txtView01"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="24dp"
                android:text="@string/add_info_txt_one_01"
                android:textAlignment="center"
                android:textSize="20sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="24dp" />

        </LinearLayout>

        <LinearLayout
            android:id="@+id/add_info_layout_one_two"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="2dp"
            android:layout_weight="1"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/add_info_layout_one_img02"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:layout_marginTop="24dp"
                android:src="@drawable/sample02" />

            <TextView
                android:id="@+id/add_info_layout_one_txtView02"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="24dp"
                android:text="@string/add_info_txt_one_02"
                android:textAlignment="center"
                android:textSize="20sp" />

            <TextView
                android:layout_width="match_parent" …

如何在不掩盖文本的情况下创建一个像这样的文本移动的边框？