Question

我能够使用这个黑客：How can I replace text with CSS? - 取代结束＆＃39; X＆＃39;来自我使用的第三方图书馆的灯箱上的按钮。它适用于所有浏览器，但IE11。似乎IE隐藏了元素和伪元素，即使可见性：在伪上设置了可见。如果我使用开发工具切换可见性，它们都会显示出来。

注意：如果实际的＆＃39; X＆＃39;按钮是一个真实的＆＃39; X＆＃39;性格，我可以根据需要轻松地设计它。不幸的是，他们使用了一个符号，所以我不得不求助于使用这种方法来代替＆＃34;它具有实际的X，以匹配网站的设计标准。

按钮的CSS：

SET SERVEROUTPUT ON
DECLARE
  CURSOR cur_empid IS
    SELECT employee_id
    FROM   employees;
  TYPE empid_rec IS RECORD(
    p_empid employees.employee_id%TYPE);
  empid empid_rec;
BEGIN
  FOR empid IN cur_empid LOOP
    emp_upd_pkg.commsal_upd(empid.employee_id);
    EXIT WHEN cur_empid%NOTFOUND;
  END LOOP;
END;
/

非常感谢任何帮助。

Answer 1

为了让它在IE中运行，我不得不使用旧的“text-indent：-9999px”技巧：

/* Hack to replace the close button text */
#_pendo-close-guide_ {
      text-indent: -9999px;
      line-height: 0;
}

/* Hack to replace the close button text */
#_pendo-close-guide_:after {
  content:'X'; 
  position: relative;
  right: 6px;
  top: 4px;
  line-height: initial;
  text-indent: 0;
  display: block;
  font-size: 17px;
  font-weight: 200 !important;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
  color: #444;
}

Answer 2

我的解决方案受@Tim's回答的启发。但是，由于我的具体情况，我无法使用public partial class MainPage : ContentPage { ... async void Button_Clicked(object sender, EventArgs e) { await Navigation.PushAsync(new Pallets()); } }因此我使用了

text-indent

它在IE11和其他浏览器中有效。

带有可见元素的不可见元素：在IE11中伪元素不起作用

2 个答案: