CODEWITHSUNDEEP
htmlcssinternet-explorer
monarchjogs
monarchjogs

Reputation: 35

Hide elements in browser without editing HTML?

My employer is switching to a new Web software system, which we will use to track student information. The software is customizable to an extent, but many fields that the system offers cannot be disabled. For example, I would not want or need to track Social Security Numbers, so I would like to hide that field permanently on the page where it appears.

These fields are hard-coded as table rows, and I know I could hide those with style="display:none" in CSS. However, I do not have access to the system's style sheet.

Is it possible to set up a filter in my own browser where I could style the pages in this new software system? If so, would it be limited to my own PC, or could I export and share the file with coworkers to use? Note: the software is limited to IE (11).

Upvotes: 1

Views: 111

Answers (4)

Jacob G
Jacob G

Reputation: 14172

If you want to hide the row, you can do it with a user style sheet.

IE allows you to use your own StyleSheet directly from its accessibility settings.
Click the IE9 tools menu icon in the top right, (or use the Keyboard shortcut: ALT+X).
Then open Internet Options, click on the Accessibility button, and chose Format documents using my style sheet.
Then you need to chose a CSS file, using the Browse function.

Source enter image description here And your CSS would look something like:

table tr.socialsecurity{
display:none;
}

Use the browsers inspector and find the rows class. If id doesn't have one, you can use nth-of-type().
Note: you need to restart your browser for the CSS to take effect. To use this on multiple computers, send the Style-sheet to your coworkers and have them install it.
As the OP asked for an IE answer, I only contained the relevant instructions. Note that this can be done in ALL Browsers. Instructions can be found here

Upvotes: 2

technophobia
technophobia

Reputation: 2629

Since you're asking about setting up your own custom style sheet, IE allows you to create a user style sheet for all pages you visit.

"Installing" the stylesheet

  1. Open the Tools > Internet Options dialog.
  2. On the General tab, select Accessibility.
  3. On the User style sheet section, select the box marked Format documents using my style sheet.
  4. Press Browse and locate your stylesheet.
  5. Select your file then press Open to install it.

Note: You may need to restart your browser for the style sheet to take effect.

Rinse and repeat for any other computer.

Upvotes: 0

dt647146
dt647146

Reputation: 15

Might work adding your own style sheets through Accessibility Options

Upvotes: 0

Stefano Vuerich
Stefano Vuerich

Reputation: 996

If you cannot access both HTML or CSS you cannot hide your rows

Upvotes: 0

Related Questions