CSS — 20

javascript - Cách thay đổi font-family trong bootstrap.css HTML thành font tôi tải xuống

Tôi đã cố gắng tìm cách làm điều đó, ít nhất liên kết này gần như đã giúp được tôi. nhưng cô ấy/anh ấy đang sử dụng liên kết để thay đổi phông chữ.

nhưng tôi có phông chữ đã tải xuống của riêng mình sử dụng bộ chuyển đổi phông chữ (.eot .otf .svg .ttf .woff .woff2)

Đọc thêm →

javascript - Webpack - devtool: source-map cho CSS và eval-source-map cho JS?

Nếu tôi sử dụng devtool: 'source-map' thì nó hoạt động tuyệt vời với CSS:

Nhưng, tên biến JavaScript của tôi thật không vui:

Đọc thêm →

javascript - tham số phức tạp cho thẻ svg (tương tự calc() cho css)

Bạn có thể cho tôi biết liệu các thẻ svg có thể thiết lập các tham số phức tạp không?

Đối với CSS, có lệnh calc(), ví dụ:

width: calc (50% - 10px);

Có cái gì giống như thế này cho svg không, ví dụ:

?

Đọc thêm →

Cách kết nối backend (python, flask) với frontend (html, css, javascript)

Thông tin: cho phía backend, tôi đang sử dụng Python với Flask (tạm thời nó chấp nhận các phương thức HTTP GET) và cho phía frontend, tôi đang sử dụng HTML, CSS và JavaScript.

Vấn đề: Tôi đang cố gắng thực hiện một yêu cầu http (lần đầu tôi thử POST rồi sau đó GET) nhưng trình duyệt không cho phép tôi làm điều đó: "Truy cập XMLHttpRequest tại 'localhost:5000/test' từ nguồn gốc 'null' đã bị chặn bởi chính sách CORS: Yêu cầu đa nguồn chỉ được hỗ trợ cho các giao thức: http, data, chrome,

Đọc thêm →

javascript - cách sử dụng bộ chọn anh chị em css trong styled

Tôi có một component được tạo kiểu trông như sau:

import styled from 'styled-components'; import List from '@material-ui/core/List'; import ListItem from '@material-ui/core/ListItem'; import ListItemText from '@material-ui/core/ListItemText'; export const CategoryList = styled(List)` `; //this is what i want to cha

Đọc thêm →

javascript - kebab-case sang camelCase thông qua localsConvention trong css-loader 3.4.2 không hoạt động

Vì mục đích thử nghiệm/học tập, tôi đang sử dụng một phiên bản đã eject của create-react-app 3.4.1 đi kèm với css-loader 3.4.2, và tôi đang cố gắng tái hiện những kết quả này, nơi các bộ chọn css được viết theo kebab-case, nhưng đối tư

Đọc thêm →

javascript - Làm thế nào để tôi lấy tất cả các thuộc tính CSS được hỗ trợ trong WebKit?

Trong Firefox, Opera và IE tôi có thể lấy chúng qua:

>> for (k in document.body.style) console.log(k) -> opacity background height textAlign . ... long list ... . pointerEvents

Trong WebKit kết quả khá khác nhau:

>> for (k in document.body.style)

Đọc thêm →

javascript - Làm thế nào để tôi ngăn CSS can thiệp vào một đoạn HTML được chèn?

Hiện tại tôi đang phát triển một tiện ích mở rộng Safari sử dụng một tập lệnh được chèn để tiếp tục chèn một số HTML vào trang web hiện tại, cũng như chèn một số tập lệnh khác để nó hoạt động. Tất cả điều này đều hoạt động tốt, nhưng vấn đề là HTML được chèn bị ảnh hưởng bởi các bảng định

Đọc thêm →

javascript - Tạo một ứng dụng web giống cờ đam trực tiếp với PHP, JS, CSS và HTML?

Tôi muốn tạo một ứng dụng trực tiếp giống như cờ caro, hoạt động như sau: Sẽ có nhiều biểu tượng/ảnh đại diện hiển thị trên bề mặt giống bàn cờ này. Tôi muốn có một hộp lệnh bên dưới bàn cờ này, hoặc một loại giao diện nào khác, cho phép người dùng điều khiển một ảnh đại diện nhất định và thực hiện các hành động. Nhiều người dùng sẽ sử dụng cùng một lúc, và tôi sẽ có thể xem các thay đổi/hành động của người dùng khác trên bàn cờ.

Điều tôi đang băn khoăn là: các

Đọc thêm →

javascript - Tùy chỉnh CSS của các nút điều khiển tiêu chuẩn trong OpenLayers

Tôi đang sử dụng OpenLayers trong một script trên trang của mình, và tôi đang cố gắng sử dụng CSS để tạo kiểu cho các nút tiêu chuẩn xuất hiện trên bản đồ. Tôi đã theo trang tài liệu của OpenLayers để tạo kiểu cho chúng như sau:

.olControlNavToolbar div { display:block; width: 28px; height: 28px; top: 300px; left: 6px; position: relative; } .olControlNavToolbar .olControlNavigationItemActive { background-image: url("img/panning-hand-on.png"); background-repeat:

Đọc thêm →