我正在制作一个应用程序,我想隐藏按钮文本,以便在"手机模式"中节省宝贵的空间.所有按钮都有图标,所以应该足够了.
我想有一个纯粹的CSS解决方案,但我无法想出任何东西.
这是一个按钮的样子:
<button type="submit" name="btnSave" id="btnSave" class="btn btn-primary"><i class="icon-save"></i> Save</button>
Run Code Online (Sandbox Code Playgroud)
我想补充一点,它也可能是:
<a class="btn btn-warning"><i class="icon-trash"></i> Delete</a>
Run Code Online (Sandbox Code Playgroud)
所以基本上,如果响应的模式是手机,则应隐藏.btn选择器内的所有文本.但图标需要保留.
我试过了text-ident,但这也隐藏了图标.