1

モーダルウィンドウでコンテンツの境界線を削除する方法を知っている人はいますか?

ご覧のとおり、最初の画像とフォントには、オレンジ色の境界線 (Todo) があります。

ここに画像の説明を入力

私のサンプル モーダル ウィンドウ コードはこちらモーダル ウィンドウ

これはCSSの私のコードです

table.ui-widget-content {
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: #aaaaaa double 1px;
-moz-box-shadow:rgba(0,0,0,0.15) 0 0 10px;
-webkit-box-shadow:rgba(0,0,0,0.15) 0 0 10px;
box-shadow:rgba(0,0,0,0.15) 0 0 10px;
z-index: 180;
}

ご覧のとおり、HOME テキストをクリックすると、モーダル ウィンドウが表示されます。モーダル ウィンドウ内に画像と単語を配置しました。どうすれば削除できますか?

ありがとう。

4

4 に答える 4

3

これを試して、

.ui-widget-content{
   border:none !important;
}

デモ

于 2013-10-30T06:49:05.627 に答える
2 
a:focus{
   outline:none;
}

このコードがお役に立てば幸いです。

于 2013-10-30T07:10:18.840 に答える
0

chromeを使っているのかもしれません。Tabキーを使っていると見えると思います。次のコードを使用して無効にすることができます:-

 table.ui-widget-content{  
 outline:0;
  }
于 2013-10-30T07:02:49.977 に答える
0

私はすでに答えを得ています。追加してoutline: none;ください:)

.ui-widget-content a {
color: #222222;
outline: none;

}

そして国境はなくなる…

于 2013-10-30T07:02:59.200 に答える