Flutter webview text selection handle color

Question

We have a text editing functionality in which we load HTML page in an Flutter Web-view. The long press on text opens text selection handles,However i want to change the selection handle turquoise color(that two bubbles before and after text selection). I have tried changing color in android styles but it didn't worked. please note i want to change this in web view.

@Dude webview_flutter: ^1.0.7 – flashberry Jan 15 '21 at 09:31 — flashberry, Jan 15 '21 at 09:31

score 0 · Accepted Answer · answered Jan 16 '21 at 06:02

0

Just if anyone is looking for answer, I have found it.

Just add this line in app theme inside styles.xml

<item name="android:colorControlActivated">#YourColorString</item>

and it will show expected color

answered Jan 16 '21 at 06:02

flashberry

153
11

1

Just tried it and it did not work for flutter_webview – A5H1Q Apr 02 '23 at 11:04

score 0 · Answer 2 · answered Jul 27 '21 at 11:16

try this

MaterialApp(
      title: 'title',
      theme: ThemeData(
        textSelectionTheme: TextSelectionThemeData(
          selectionColor: primaryColor.withOpacity(.5),
          cursorColor: primaryColor.withOpacity(.6),
          selectionHandleColor: primaryColor.withOpacity(1),
        ),
      ),
      home: Home(),
    )

Flutter webview text selection handle color

2 Answers2