How to make a Text Cursor with CSS

Use cursor: text.

.yourElement {
    cursor: text;
}

Example:

<style>
    .myElement {
        background: #eee;
        border: 2px solid #ccc;
        width: 60px;
        height: 30px;
        cursor: text;
    }
</style>

<div class="myElement"></div>

Output (hover over the box below):