User Interface - Cursor: text

Last update on August 19 2022 21:50:52 (UTC/GMT +8 hours)

Cursor: text

If the value of the cursor property is set to text, the cursor will look like an arrow having heads on both of the sides, pointing towards up and down.

Here is the css file (say cvt.css):

.c1 {cursor: text;}

Here is the html file (say css-cursors-text.htm):


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>example of external CSS</title>
<link href="cvt.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p><a href="test.htm" class="c1">Click here to go learn more about CSS.</a></p>
<p>&nbsp;</p>
</body>
</html>

Here is how it will look:

Previous: User Interface - Cursor: w-resize
Next: User Interface - Cursor: wait