問題タブ [border-radius]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
14 参照

html - HTML - 入力ボックスを選択すると、その周りにボックスが表示されるのはなぜですか

これは、選択されたときの入力ボックスの外観です。 選択するたびに白い四角いボックスが表示されないようにします。 湾曲した入力フィールドを見たいだけです。

やあ、

私はいくつかの HTML と CSS の作業を行っていましたが、頻繁に発生する html 入力タグに関してこの問題に遭遇しました。CSS 機能「border-radius」を使用して、丸みを帯びた入力ボックスを取得します。それにもかかわらず、この白いボックスを選択するたびに表示されます。詳細については、添付の画像を参照してください。どうすればこれを防ぐことができますか?

ありがとう

0 投票する
0 に答える
214 参照

html - 上のレイヤーが異なる色である場合の境界半径の不具合

おそらく、div のエッジのアンチエイリアシングに問題があります。ここでは、丸い角の近くに細い白い線が見えます。

国境半径問題1

それを修正する方法はありますか?

コードペンの例: https://codepen.io/nikita-schetko/pen/eYdzQWx

0 投票する
1 に答える
65 参照

css - cssで曲線の境界線を作る方法は?

誰かが私を助けてくれることを願っています。境界線の半径に関する情報を含むページをたくさん見つけましたが、この種の境界線が必要なページはありません。cssで可能ですか?

前もって感謝します。

サンプル

0 投票する
0 に答える
36 参照

html - Firefox と Chromium で、border/border-radius の結果が異なる

次の CSS を使用して、非常に単純な 2D 川の形状を生成しています。

Firefox では、次の HTML<div class="river-left"></div><div class="river-right"></div>が次の画像に示す形状を生成します。

ここに画像の説明を入力

しかし、Chromium では、完全に異なる (さらに悪い) ように見えます。

ここに画像の説明を入力

これを解決するために -webkit- プロパティを使用しようとしましたが、その方法がわかりませんでした。これらの形状を作成するためのより一般的なアプローチは、SVG を使用することだと認識しています。私は SVG に切り替えるかもしれないと思います (これはアイデアの簡単なモックアップにすぎませんが) が、この不一致を解決する方法を知っておくとよいでしょう。