Seeing extra CSS code in Chrome's Developer Tools?

Each time I launch a website in Chrome, even ones that I have designed myself, they all contain the following snippet of HTML/CSS code when examined in Developer Tools.

<style>
.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;
     border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}
.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}
.ws_toolbar {z-index:100000} .ws_toolbar 
.ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px}   
.tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} 
.ws_toolbar img {padding:2px;margin:0px}
</style>

Showcased below is a screenshot:

This piece of code remains concealed when looking at the source. Where does it originate from?

htmlcssgoogle-chromedeveloper-tools

Answer №1

Here is the CSS data related to the overlay buttons within the Chrome Extension called "Webpage Screenshot".

If you turn off this feature, the appearance of these buttons will disappear. This set of styles controls the toolbar pop-up design for choosing a specific area where you can capture, annotate, and save content directly on the webpage using an overlay generated by the browser.

Answer №2

Seems like it could be a chrome extension causing the issue.

To double check, try turning off all your chrome extensions by navigating to chrome://extensions (you may need to manually enter this URL into the address bar).

Answer №3

One possible suspect could be an extension that has been added to your browser.

Extensions, when granted appropriate permissions, have the ability to alter any webpage you browse and introduce various changes to the Document Object Model (DOM), such as injecting CSS code.

To confirm this, try using Incognito mode or disabling your extensions.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Troubleshooting the malfunctioning of the Bootstrap slide animation

I've been attempting to implement scroll animation on a div, but for some reason, it's not working as intended. I must have made a mistake somewhere, but I can't figure out where. Any help in resolving this issue would be greatly appreciated ...

javascriptjqueryhtmlcsstwitter-bootstrap

Responsive photo gallery that fully covers your entire screen with stunning images, designed in HTML

Is there a way to adjust the div containing photos to take up all available space without large margins within the row, while also maintaining a consistent height for all photos in both horizontal and vertical orientations and ensuring responsiveness? The ...

htmlcssbootstrap-5photo-gallerybootstrap-image-gallery

Identifying Flash content in a unique way

In my dynamic page (let's call it myFlashContainer.jsp), the Flash content changes based on the link that is clicked. The code responsible for rendering the Flash looks like this: <object height="100%" align="l" width="100%" id="player" codebase= ...

javascripthtmljspflash

Trigger a function upon clicking a DOM element in Vue.js

My goal is to trigger a function whenever I click on elements in the DOM that have a specific class. Despite my efforts, the functionality doesn't seem to work, and no errors are being reported. Here's the relevant code: methods: { ...

javascripthtmlvue.jsvuejs2vue-component

Adjust the spacing between the title and other elements in an R Shiny application

How do I modify the font and size of a title, as well as add some spacing between the title and other elements? navbar <- navbarPage( Title = "Intervals", tabPanel("Data Import", sidebarLayout(sidebarPanel(fi ...

cssrshiny

How to loop through a list variable using Razor syntax in an HTML document

Exploring the world of asp .net and MVC is a new adventure for me. I have delved into a service method named Jumbo(), which delivers a list consisting of first names, last names, and contact numbers. In my main project, I invoke this method in the followin ...

c#asp.nethtmlasp.net-mvc-4razor

Webpage elements are displayed inconsistently across various browsers

While working on my CSS for a small project, I noticed some inconsistencies in the positioning of elements between Chrome and Safari. You can see what I'm talking about in these photos: Safari Chrome In Safari, the layout looks as I intended it to. ...

htmlcssreactjsnext.jsstyled-components

Update the HTML of a div that is located within a pop-up window with the data retrieved from an AJAX request

Here is an example of a Simple Login Form in HTML: <div aria-hidden="true" aria-labelledby="myModalLabel" class="modal hide fade" id="myModal" role="dialog" tabindex="-1"> <div class="modal-header"> ...

jqueryhtmlajax

Python Selenium - The Select method can only be used with <select> tags, not <div> tags

Seeking guidance on selecting an element from a dropdown box on a work website using web scraping and selenium. As a newcomer to this technology, I am struggling and looking for some assistance in the right direction. Unlike other scenarios I have come acr ...

pythonhtmlseleniumwebdriver

Sending Values from Google Apps Script to HTML Elements

I'm trying to figure out how to transfer the 'MyLink' variable from my Google Scripts Code to HTML code. Below is the snippet of the GS Code: function FirstView(){ var ss = SpreadsheetApp.getActiveSpreadsheet(); var MyNewBook = ss.copy ...

htmlvariablesgoogle-apps-scriptweb-applications

The input value remains unaffected by Bootstrap checkbox and radio button selections

On the Bootstrap JavaScript page, there are examples of using buttons to style checkboxes and radio fields. For instance, a checkbox might be written as: <div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary"> <i ...

javascripthtmltwitter-bootstrapcheckboxradio-button

Unable to load JavaScript files on the client side

Currently, I am in the process of learning how to develop an NPM package. Initially, I assumed it would be a simple task: create JS files with object literals, export modules, and then have users require the file and utilize the object like objectname.meth ...

javascripthtmlnpm

Mastering the Art of Line Breaks in WordPress

I am looking for a way to break a WordPress site title over two lines at a specific point in the text. Since the WordPress content filter 'wpautop' disables the ` ` tag (also known as ` ` or ` `), I'm wondering what the best alternative ...

htmlcsswordpresstexthref

Do not make unnecessary calls to the server when changing the display property of an HTML object

How can I prevent a server request for the pdf file? I've experimented with using visibility=hidden and width=0. <object class='pdfClass' data='"+conventionId+"/showPdf.html' width='100%' height='600'>< ...

javascripthtmlpdfobject

Unable to render Material Icons on Vue/Quasar web app hosted on Azure

I am facing an issue with my webapp built using Vue and Quasar. I added the necessary icon imports to my quasar-user-options.js file. import '@quasar/extras/material-icons/material-icons.css' import "@quasar/extras/material-icons-outlined/ma ...

cssvue.jsazure-web-app-servicequasar-frameworkmaterial-icons

Issue Setting Cookies on "localhost" versus "127.0.0.1" Domain - Cookies Disappear Upon Refresh

Encountering difficulties while attempting to set cookies with the domain specified as localhost. Here is what's happening: Upon setting the cookie with localhost as the domain, an error is triggered indicating that the domain attribute is not valid ...

htmlexpresscookies

Having trouble getting the popover window to appear in Bootstrap when utilizing the modal class?

I attempted to create a responsive image gallery using the bootstrap framework. Each image has its own modal class, but when I click on an image, no popup window appears, only a dark screen is displayed. I have checked this in the Bootstrap documentation ...

javascriptjqueryhtmlcsstwitter-bootstrap

Tips for displaying multiple values from a MySQL count as a single column in HTML and PHP

$query="SELECT data_home.name_home, GROUP_CONCAT(flower.flower) AS flowers FROM data_home INNER JOIN (flower INNER JOIN home_flower ON flower.id_flower=home_flower.id_flower) ON data_home.id_home = home_flower.id_home GR ...

phphtmlmysql

Linux causing Chrome driver to crash upon startup

package webapp; //import java.sql.Driver; //import java.util.*; //import org.openqa.selenium.*; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; public class app { public static void main(String[] args) { ...

javalinuxeclipseseleniumgoogle-chrome

Leveraging an external Typescript function within Angular's HTML markup

I have a TypeScript utility class called myUtils.ts in the following format: export class MyUtils { static doSomething(input: string) { // perform some action } } To utilize this method in my component's HTML, I have imported the class into m ...

htmlangulartypescriptcomponents