0

選択したテキストのサイズを拡大縮小（拡大）する方法。追加することでデフォルトの選択された色
を変更することを知っています

::-moz-selection {
       background-color: #0092BF;
       color: #FFF;
}
::selection {
       background-color: #0092BF;
       color: #FFF;
}

選択したテキストのサイズを拡大または縮小する方法のみ。??? 選択

私は上記を取得しています、    私は以下を達成したい   **画像エディタを使用して編集*

増加

4

3 に答える 3

1

他の人が述べているように、これは純粋にCSSを介して行うことはできません。ただし、これがJavaScriptソリューションです。これは、jquery 1.4.1+を使用していることを前提としています（おそらく多くのバージョンで動作しますが、これは私がテストしたものです）。

これは少し不格好ですが、マウス入力で選択されたテキストにスタイルを適用できるのは、選択されている間だけです。機能の簡単な説明：

  1. reset（）は、既存の選択からスタイリングを削除し、余分なスパンを取り除きます
  2. Highlight（）は、選択範囲を新しいスパンノードにラップし、スタイルを適用します
  3. getSelected（）は、選択オブジェクトを返すだけです。右クリックしてもreset（）は何もしないことに注意してください。これは、右クリックメニューを表示できるようにするためです。選択範囲の外側を右クリックすると、探している結果が得られませんが、おそらく修正できます。

詳細が必要な場合はお知らせください。巨大なコードブロックでごめんなさい。

<script type="text/javascript">
    $(document).ready(function () {
        $(document).mousedown(reset);
        $(document).mouseup(highlight);
    });

    reset = function (e) {
        var st = getSelected();
        if (st != '') {
            if (e.which != 3) {
                $("span").contents().unwrap();
            }
        }
    };

    highlight = function () {
        var st = getSelected();
        if (st != '') {
            var newNode = document.createElement("span");
            newNode.setAttribute("class", "selectionClass");
            var range = st.getRangeAt(0);
            range.surroundContents(newNode);
            st.selectAllChildren(newNode);
        }
    };

    getSelected = function () {
        var selection = '';
        if (window.getSelection) {
            selection = window.getSelection();
        } else if (document.getSelection) {
            selection = document.getSelection();
        } else if (document.selection) {
            selection = document.selection.createRange().text;
        }
        return selection;
    };
</script>
于 2012-07-11T21:42:27.580 に答える
1

CSSは仕様に含まれていないため、これを厳密に行うことはできません。この仕様では、色、背景色、アウトライン、カーソルなどのいくつかの基本的なプロパティのみを変更できます。参照： http ：//www.w3schools.com/cssref/sel_selection.asp

ただし、jQuery / javascriptを使用して、選択したテキストにスタイルを追加することはできます。これは、問題に対するjQueryベースのアプローチを持つ別の質問です。 jQuery選択したテキストにCSSを適用するにはどうすればよいですか

于 2012-07-11T18:00:27.810 に答える
0

を超えて使用することはできませんcolor。cssセレクターで、こちらbackgroundのドキュメントを参照してください。background-color::selection::selection

選択したテキストをjQuery経由で取得しregexp、ラッパーを使用して再挿入することもできますspanが、通常とは異なる視覚効果を得るにはあまりにも面倒です。

于 2012-07-11T18:00:37.657 に答える