在開發網頁的過程中，我們可能會遇到一個問題，即文字無法選擇，而且看上去就像是被鎖定了一樣。這個問題通常是由CSS樣式所導致的。

造成CSS文字無法選擇的情況主要有以下兩種情況：

1. 使用 user-select:none; 屬性
2. 使用 opacity:0.01; 屬性

第一種情況，user-select:none; 屬性是一個CSS3提供的屬性，在一些場景中可以用來防止瀏覽器默認文本選中效果的出現。當我們在某個元素上使用了 user-select:none; 屬性時，該元素內的文本將無法被選中。

例如以下代碼：
<div style="user-select:none;">
<p>這是一個段落</p>
</div>

在該段代碼中，<p>標簽中的文本將無法被選中，因為它的父級元素已經設定了 user-select:none; 屬性。如果要允許該段文本被選中，我們需要將父元素的 user-select:none; 屬性去掉。

第二種情況，使用 opacity:0.01; 屬性也會導致文字無法選擇。這是因為當元素的透明度為0時，雖然元素本身被隱藏了，但是元素內的文本仍然可以被選中。但是當元素透明度變為0.01時，瀏覽器會將該元素和其內部的文本一起隱藏，使它們無法被選中。

例如以下代碼：
<div style="opacity:0.01;">
<p>這是一個段落</p>
</div>

在該段代碼中，<p>標簽中的文本將無法被選中，因為它的父級元素已經設定了 opacity:0.01; 屬性。如果要允許該段文本被選中，我們需要將父元素的 opacity:0.01; 屬性去掉。

總之，要解決CSS文字無法選擇的問題，我們需要了解造成該問題的原因，進而掌握各種解決方案。希望本文能夠對此問題有所幫助。